javascript - 如何将div的id设置为cookie？

Question

我有一项任务是在刷新页面时突出显示所选菜单。为此，我想使用 cookie。html代码是

<div class="menuBar">
            <div class="menuHeader ui-corner-top">
             <span><a href="#" onclick="Home()" id="home">Home</a></span>
            </div>
            <div class="menuHeader ui-corner-top">
             <span><a href="#" onclick="NewTransaction()" id="newtransaction">New Transaction</a></span>
            </div>
</div>

Javascript 文件是

function Home() {
            window.location.href = "../../home/welcome";
        }
        function NewTransaction() {
            window.location.href = "../../EnergyCatagory/index";
        }

但是我有一个代码可以将菜单设置为选中。但是这不是一个好方法。如何在刷新时将选中菜单的值传递给页面？这是突出显示菜单的代码

 $(document).ready(function () {
                var currentUrl = window.location.href;
                if (currentUrl.indexOf("home/welcome") !== -1) {
                    $("#home").parent().parent().addClass('menuHeaderActive');
                }
                else if (currentUrl.indexOf("EnergyCatagory/index") !== -1) {
                    $("#newtransaction").parent().parent().addClass('menuHeaderActive');
                }
                else if (currentUrl.indexOf("portfolio/Index") !== -1) {
                    $("#portfolio").parent().parent().addClass('menuHeaderActive');
                }
            });

Answer 1

为每个菜单项提供 id。

然后在菜单项的 onclick() 函数中将该 id 设置为 cookie。

设置cookie

$.cookie("selectedId", $(this).attr('id'));

在 document.ready 函数中，将选择的类添加到具有从 cookie 中获取的 id 的元素