javascript - 本地存储问题

Question

我正在尝试创建一个 webapp，您将单击一个按钮，并将其 ID 保存到本地存储，并更改样式。但是当我保存在本地存储中时，我单击的最后一个按钮会替换它之前的按钮 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');
        }
    });
});

请帮助我，谢谢

Answer 1

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)