Question

我有两个div，当用户点击它时，我需要为其中一个添加一个类，当用户再次打开页面时，我需要使用LocalStorage将该类保持在同一个div上。

我没找到任何教程。你们知道任何教程或例子我如何构建它？感谢。

$(document).ready(function(){
$('#divName').on('click', function(){
window.localStorage.setItem('dados',$("#divName").addClass('borda'));

});
if(localStorage.getItem('dados')){
    $("#divName").addClass('borda');
}
})

它对我有用。谢谢你们：）

Answer 1

以下是点击时在localstorage上插入内容的代码：

$('#yourDiv').on('click', function(){

    window.localStorage.setItem( 'your key name', 'your classname' );

});

然后当用户再次打开页面时，继续使用代码来检索本地存储上的密钥：

var className = JSON.parse( window.localStorage.getItem( 'your key name' ) );
$('#yourDiv').addClass(className);

Answer 2

只要用户点击一个div，就将其类存储在localstorage中。

你可以通过第一次设置类名来实现，如下所示

localStorage.clasondiv1 = "classname";

同样在window.load或jquery.ready上（如果使用jquery），如果是，则可以检查该类是否存在于localstorage中，然后在div上设置类。

您可以使用 store.js ，它提供了localStorage的包装。

https://github.com/marcuswestin/store.js

LocalStorage - 在单击的div教程上添加一个类

2 个答案: