jquery删除和添加列表元素中的类

Question

在我的菜单中，jquery代码可以从jquery代码自动切换(从li元素中删除类，在另一个元素中删除类)。

<div id='menu'>
<ul>
<li><a href="index.php" class="active">item 1</a></li>
<li><a href="about.php">item 2</a></li>                
<li><a href="contact.php" class="lastmenu">item 3</a></li>            
</ul>
</div>

和我尝试过的jquery代码

$("#menu li a").click(function() {
    debugger;
  $("#menu li a").not(this).removeClass("active");
  $(this).toggleClass("active");
});

但这似乎不做任何类的添加和删除。我做错什么了？

Answer 1

因为您正在处理重新加载的页面，所以可以尝试

jQuery(function ($) {
    var path = location.pathname.split('/').pop();
    $('#menu li a[href="' + path + '"]').addClass('active');
})

Answer 2

试试这个：

   $("#menu li a").click(function() {
      $("#menu li a").removeClass("active");
      $(this).addClass("active");
    });

小提琴

Answer 3

试试这个：

var page = window.location.href;
page = (page.split("/").pop()).split(".php")[0]+".php";
$("#menu li a.active").removeClass("active");
$("#menu li a[href='"+page+"']").addClass("active");

小提琴在这里。