Question

我的这张桌子有父母和孩子的文件夹。我正在尝试将父级的背景突出显示为黄色，以便更容易知道它已被选中。但是由于某种原因（我未构建此页面），每当单击页面上的菜单项时都会刷新，因此突出显示的背景消失了。刷新后如何使背景保持高亮显示？非常感谢。

这是我的代码：

var elems = document.querySelectorAll('.rows');

var fnClick = function(){
    var ie = document.querySelectorAll('.rows');
    for (var x = 0; x < ie.length; x++) {
        elems[x].classList.remove("bg-color");
    }
    this.classList.add("bg-color");

}

for (var i = 0; i < elems.length; i++){
     elems[i].addEventListener("click", fnClick);
}

Answer 1

好吧，我想您可以将这些信息存储到本地存储中，并在页面加载时检查该信息是否存在。希望对您有所帮助。

Answer 2

仅记录选择的索引，刷新后将颜色添加到最后选择的存储索引

刷新后如何保持菜单项处于选中状态

2 个答案: