javascript - jQuery的将背景色保存在本地存储中

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

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

最佳答案

您需要将颜色设置为变量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

关于javascript - jQuery的将背景色保存在本地存储中，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29874823/