如何将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

你可以这样实现：

function goToLocation(sLocation, id) {
   $.cookie("activediv", id);
   window.location.href = sLocation;
}

在 HTML 中：

<a href="#" onclick="goToLocation('../../home/welcome', 'home')" id="home">Home</a>

在 jQuery 中准备好：

$('#' + $.cookie("activediv")).parent().parent().addClass('menuHeaderActive');