JQuery突出显示当前菜单项

Question

我正在一个网站上工作，并且我有几个菜单链接。我想突出显示基于url的当前菜单项。目前我在我的JQuery中有以下代码：

$(document).ready(function() { 
     debugger; 
     $('#menu a').each(function (index) { 
      if (this.href.trim() == window.location.href) 
       $(this).addClass("current"); 
     }); 
    }); 

只有当url中没有查询字符串时，它才能正常工作。当我将一些查询字符串传递给url时，这个JQuery不起作用。

Answer 1

如果你不想查询字符串，你想要location.pathname。

这使用filter()只返回相关链接（S）...

$("#menu a").filter(function (index) { 
    return this.href.search(location.pathname) !== -1; 
}).addClass("current");