18910140161

JavaScript-如何使用jQuery存储和重用本地存储数据?-堆栈溢出

顺晟科技

2022-10-18 13:26:27

54

我刚开始使用本地存储。有没有人能教我如何获取我放在文本区域中的值,并且一旦我单击“完成”按钮,它就会存储在<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <textarea class="title"></textarea> <div class="Done">Done</div> <div class="result"></div>类中。此外,一旦我再次输入,它将再次存储在<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <textarea class="title"></textarea> <div class="Done">Done</div> <div class="result"></div>类中。有人能帮我吗?

$(".Done").on("click", function() {
  var test = $(".title").val();
  localStorage.setItem("title", test);
});
<代码>.结果{颜色:红色;}
<代码><;script SRC=“ https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js ”>;<;/script>;<;textarea类=“标题”>;<;/textarea>;<;DIV类=“完成”>;完成<;/DIV>;<;DIV类=“结果”>;<;/DIV>;


顺晟科技:

为了实现你的目标,你需要做两件事。首先根据单击

按钮时.result { color: red; }中的值来设置<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <textarea class="title"></textarea> <div class="Done">Done</div> <div class="result"></div>text(),如果是,则使用该内容设置<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <textarea class="title"></textarea> <div class="Done">Done</div> <div class="result"></div>的值。

逻辑是这样的:

textarea

下面是JSFiddle中的一个工作示例,因为SO代码片段编辑器是沙箱化的,不允许访问本地存储。

  • TAG:
相关文章
随机推荐
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航