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


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

查看所有标签

猜你喜欢:

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

GWT in Action

GWT in Action

Robert Hanson、Adam Tacy / Manning Publications / 2007-06-05 / USD 49.99

This book will show Java developers how to use the Google Web Toolkit (GWT) to rapidly create rich web-based applications using their existing skills. It will cover the full development cycle, from ......一起来看看 《GWT in Action》 这本书的介绍吧!

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

XML、JSON 在线转换
XML、JSON 在线转换

在线XML、JSON转换工具

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具