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");