Javascript 使用jQuery更改活动类

我有一个html菜单，我想在单击菜单项时更改活动类

HTML:

<nav>
     <ul>
          <li class='active'><a href='index.php'>Index</a></li>
          <li><a href='hello.php'>Hello</a></li>
     </ul>
</nav>

<script type="text/javascript">
            $(function() {
                $("ul li").click(function() {
                   // remove classes from all
                   $("ul li").removeClass("active");
                   // add class to the one we clicked
                   $(this).addClass("active");
                });
            }); 
</script>

Javascript:

<nav>
     <ul>
          <li class='active'><a href='index.php'>Index</a></li>
          <li><a href='hello.php'>Hello</a></li>
     </ul>
</nav>

<script type="text/javascript">
            $(function() {
                $("ul li").click(function() {
                   // remove classes from all
                   $("ul li").removeClass("active");
                   // add class to the one we clicked
                   $(this).addClass("active");
                });
            }); 
</script>

$（函数（）{
$（“ul li”）。单击（函数（）{
//从所有类中删除类
$（“ul li”）.removeClass（“活动”）；
//将类添加到我们单击的类
$（此）.addClass（“活动”）；
});
}); 

它可以工作，但当页面完成刷新以转到请求的链接时，该类将返回默认位置（在索引页面上）

---

你能帮我吗？

你可以使用localStorage一篇有助于学习的文章，试试下面的代码

$(document).ready(function(){
    var find=localStorage.getItem("Menukey");
  if(find){
    $("ul li").removeClass("active").eq(find).addClass("active")
  }
});   

$("ul li").click(function() {
    localStorage.setItem("MenuKey",$(this).index())
   $("ul li").removeClass("active");
   $(this).addClass("active");
});

---

您需要传入一些信息，以便它可以确定默认情况下哪个导航项目应具有激活的

类。可以在呈现php文件时设置此类。