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


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

查看所有标签

猜你喜欢:

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

U一点·料

U一点·料

阿里巴巴集团 1688用户体验设计部 / 机械工业出版社 / 2015-7-13 / 79.00元

《U一点·料——阿里巴巴1688UED体验设计践行之路》是1688UED团队历经多年实践之后的心血之作,书中以“道─术─器”的思路为编排脉络,从设计观、思考体系、方法论上层层剖析,将零散的行业knowhow串成体系,对“UED如何发展突破”提出了自己的真知灼见。该书重实战、讲方法、求专业、论文化,是一部走心的诚意之作。 本书作者从美工到用户体验设计师,从感性随意到理性思考,从简单的PS做图到......一起来看看 《U一点·料》 这本书的介绍吧!

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

在线图片转Base64编码工具

MD5 加密
MD5 加密

MD5 加密工具

HSV CMYK 转换工具
HSV CMYK 转换工具

HSV CMYK互换工具