如何将多个选择器的toggleClass及其各自的类存储在localStorage中？

Question

我正在尝试将多个元素的切换类存储在本地存储或cookie中，以便切换后的类保持刷新状态。 我在这里尝试了js cookie和所有其他教程，但是它似乎不适用于多个选择器/ div。

到目前为止，这是我的代码：

$('#one').on('click', function () {
    $("body").toggleClass("white-bg");
    $(".menu-link, .hello-text, .titles").toggleClass("blue");
    $("g#g-icon").toggleClass("g-icon-blue");
    $("#one").toggleClass("night");
});

该代码可以正常运行，但是刷新时不会保存状态。

Answer 1

如果用户是否更改了主题（无论是否单击），建议您仅将带有信息的“标志”保存在localStorage上。

例如：

var changed = localStorage.getItem('changed') === 'changed';
$('.selector').toggleClass('classname', changed);

完整的原始但有效的示例： https : //jsfiddle.net/cichy380/y7bLpwxr/