Javascript 使用本地存储来保存和检索表 ID

Question

我有一个加载表的 MVC View ，然后当单击第一个表上的链接时，会加载不同 View 内的另一个表。我希望能够突出显示在单击第一个表中的链接时加载的第二个表的行。有人建议我使用本地存储来执行此操作。我不太确定如何使用本地存储获取第二个表的 id。谁能引导我完成这个过程。这是我制作的一个示例，旨在向您展示我正在尝试做的事情。

第一个 View 带有加载第二个表的点击事件的表

第二次查看第二个表，其中表的 ID 为 instantTable

这是我尝试使用 Javascript 执行的操作，但它不起作用

我在第二次查看时看到了这个

<script>    
    var table = document.getElementById("instantTable")
    localStorage.setItem('table');
</script>

然后，在我的第一个 View 中，我有两个链接，一个与类(class)退款链接，另一个与类(class)追溯链接。这是我的 jquery。

 $('#chargeback').on('click', function () {
        var result = localStorage.getItem("table");
        result.addClass('highlighted')
    });

    $('#retroactive').on('click', function () {
        var result = localStorage.getItem("table");
        result.addClass('highlighted')
    });

如果需要更多代码，请告诉我。我尽量保持简单。

Answer 1

您缺少 setItem() 的参数。您要做的是localStorage.setItem("table", table)。第一个参数是您稍后可以从本地存储中获取数据的键，第二个参数是您要保存的实际数据。变量表必须包含一个字符串，否则您需要将其转换为字符串，因为据我所知，本地存储只能保存字符串。