javascript – 使用jQuery设置和获取localStorage

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

内容简介:翻译自: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


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

查看所有标签

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

产品经理必懂的技术那点事儿

产品经理必懂的技术那点事儿

唐韧 / 电子工业出版社 / 2017-1 / 59

《产品经理必懂的技术那点事儿》以非技术背景产品经理了解技术为主题,将技术知识以简单并且易于理解的方式讲述出来,帮助非技术背景产品经理了解技术、学习技术,旨在帮助产品经理高效地与技术人员进行沟通与合作。 《产品经理必懂的技术那点事儿》的主要内容围绕产品经理需要了解的互联网基础技术知识展开,涉及客户端、服务器端、数据库及一些数据处理知识。同时,还就产品经理需具备的一些软实力,例如沟通能力和解决问......一起来看看 《产品经理必懂的技术那点事儿》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

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

在线图片转Base64编码工具

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器