当地存储问题

时间:2013-10-31 20:22:50

标签: javascript jquery html css html5

我正在尝试创建一个webapp,您将在按钮中单击该ID,并将其ID保存到localstorage,并更改样式。 但是当我保存在localstorage中时,我点击的最后一个按钮,替换之前的按钮ID。 我的代码:

$(document).ready(function(){
    $("li a").click(function(){
        $("li a").removeClass('active');
        $(this).addClass('active');
        localStorage.setItem('ativo', $(this).html())
    });

    var ativo = localStorage.getItem('ativo');

    $("li a").each(function(index){
        if($(this).html() == ativo) {
            $(this).addClass('active');
        }
    });
});

请帮助我,谢谢

1 个答案:

答案 0 :(得分:0)

localStorage是一个键值存储。通过设置键,可以替换该键的值(如果已设置)。但是,您可以在localStorage中存储一个字符串化数组,然后检索它并在需要时添加它。

//Store an array in local storage
localStorage.setItem('arr',JSON.stringify([6,8,9])

//retrieve the array, add to it, then save it again
var arr = JSON.parse(localStorage.getItem('arr'));
arr.push(23)
localStorage.setItem('arr', arr)