javascript – 使用jQuery设置和获取localStorage

栏目: Html5 · 发布时间: 5年前

内容简介:翻译自:https://stackoverflow.com/questions/40791207/setting-and-getting-localstorage-with-jquery
我正在尝试localStorage并尝试从div获取文本并将其存储在localStorage中,但是,它将其设置为[object Object]并返回[object Object].为什么会这样?
localStorage.content = $('#test').html('Test');

$('#test').html(localStorage.content);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="test"></div>

你说你试图从div获取文本并将其存储在本地存储上.

请注意:文本和Html是不同的.在你提到的问题文本中. html()将返回Html内容,例如<a>示例</ a>.如果你想获得文本内容,那么你必须使用text()而不是html(),然后结果将是示例而不是<a>示例<a>.无论如何,我使用你的术语让它成为文本.

第1步:从div获取文本.

你所做的不是从div获取文本,而是将文本设置为div.

$('#test').html("Test");

实际上是将文本设置为div,输出将是一个jQuery对象.这就是它将其设置为[object Object]的原因.

要获得文本,你必须这样写

$( ‘#测试’)HTML().

这将返回一个字符串而不是一个对象,因此结果将在您的情况下为Test.

第2步:将其设置为本地存储.

你的方法是正确的,你可以把它写成

localStorage.key=value

但首选的方法是

localStorage.setItem(键,值);设置

localStorage.getItem(键);要得到.

键和值必须是字符串.

所以在你的上下文代码将成为

$('#test').html("Test");
localStorage.content = $('#test').html();
$('#test').html(localStorage.content);

但是我的代码中没有任何意义.因为您想从div获取文本并将其存储在本地存储中.您再次从本地存储中读取相同内容并设置为div.就像a = 10; B = A; A = B;

如果您遇到任何其他问题,请相应地更新您的问题.

翻译自:https://stackoverflow.com/questions/40791207/setting-and-getting-localstorage-with-jquery


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

算法概论

算法概论

Sanjoy Dasgupta、Christos Papadimitriou、Umesh Vazirani / 钱枫 注、邹恒明 注 / 机械工业出版社 / 2009-1 / 55.00元

《算法概论(注释版)》源自加州大学伯克利分校和加州大学圣迭戈分校本科生的算法课讲义,以独特的视角展现了算法设计的精巧技术及魅力。在表达每一种技术时,强调每个算法背后的简洁数学思想,分析其时间和空间效率,运用与其他技术类比的方法来说明特征,并提供了大量实例。《算法概论(注释版)》以人类最古老的算法(算术运算)为起点,将各种算法中优美而有代表性的内容囊括书中,并以最前沿的理论(量子算法)结束,构成了较......一起来看看 《算法概论》 这本书的介绍吧!

RGB转16进制工具
RGB转16进制工具

RGB HEX 互转工具

图片转BASE64编码
图片转BASE64编码

在线图片转Base64编码工具

RGB CMYK 转换工具
RGB CMYK 转换工具

RGB CMYK 互转工具