javascript - 将 $ ("#some-id") 保存在变量中以便稍后访问它

Question

我想将选定的 jQuery 对象保存到某个变量中，并能够在导航到其他页面后访问它，因为重新加载后它就会消失。 这是我正在尝试做的事情:

var active_accordion;

$(function() {
    active_accordion.prop('checked', true);
    $('.active-evm a').on('click', function() {
        active_accordion = $('#section-1');
        alert(active_accordion);
    });
}

每当单击链接时，我都会将 $('#section-1') 保存到 active_accordion，导航到其他页面后，我尝试更改属性 checked 为 true。

当然它不起作用，因为active_accordion在导航后消失了。那么我可以将其存储在哪里？

Answer 1

保存到本地存储，

example ,

// Store
localStorage.setItem("lastname", "Smith");
// Retrieve
document.getElementById("result").innerHTML = localStorage.getItem("lastname");