javascript - jquery 在本地存储中保存背景颜色

Question

我试图在单击按钮后将背景颜色的更改保存到本地存储中，但刷新窗口时未保存。我是不是忘记了什么？

$(".btn-secondmenu").click(function(){
   $(".btn-secondmenu").css('background-color', 'red');
        var status = $(".btn-secondmenu");
        localStorage.setItem(".btn-secondmenu", status);
    });

Answer 1

您需要将颜色设置为变量status。您当前的代码将 $(".btn-secondmenu")- jQuery 对象设置为 localStorage。

$(".btn-secondmenu").css('background-color', localStorage.getItem(".btn-secondmenu"));  
//sets the color from localstorage on Dom ready - getItem().

$(".btn-secondmenu").click(function () {
    $(this).css('background-color', 'red');     //use *this* to set color for current button
    var status = $(".btn-secondmenu").css('background-color');  //assign color value to variable
    localStorage.setItem(".btn-secondmenu", status);
});

Demo