JQuery突出显示当前菜单项

Question

我正在网站上工作，我的菜单链接很少。我想根据网址突出显示当前菜单项。目前我的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()仅返回相关链接...

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