javascript - 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() 仅返回相关链接...

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