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');
})