jquery - 如何使用 jquery 将类添加到活动链接

Question

我目前正在尝试制作一个导航菜单，其中一个活动类应用于具有与当前 url 匹配的 href 的锚点，我发现一些 jquery 可以完成工作，但是当我将鼠标从项目上移开时悬停即使我离开了该活动页面，样式也会消失。

var path = location.pathname;
var home = "/";
$("a[href='" + [path || home] + "']").parents("li").each(function() {   
        $(this).addClass("current_page_item");
});

Answer 1

var aHrefs = $("li a")

$.each(aHrefs, function (i,e) {
    var href = $(e).attr('href');
    var currentHref = top.location.href;

    if ( href == currentHref ) {
         $(e).parents('li.asign-an-li-class-here').addClass('current_page_item');
    }

});

我认为这应该有效。之前加载这个。检查与 .current_page_item css 类混淆的任何其他代码。

忘记了 parents() 电话。您应该为该 li 元素分配一个类名，这样它就不会在页面的后面给您一个误报。