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

如何使用jquery将类添加到活动链接,jquery,hyperlink,path,var,Jquery,Hyperlink,Path,Var,我目前正在尝试创建一个导航菜单,其中一个活动类应用于具有与当前url匹配的HREF的锚,我发现一些jquery可以完成任务,但当我将鼠标从项目上移开时,即使我离开了活动页面,样式也会消失 var path = location.pathname; var home = "/"; $("a[href='" + [path || home] + "']").parents("li").each(function() { $(this).addClass("current_pag

我目前正在尝试创建一个导航菜单,其中一个活动类应用于具有与当前url匹配的HREF的锚,我发现一些jquery可以完成任务,但当我将鼠标从项目上移开时,即使我离开了活动页面,样式也会消失

var path = location.pathname;
var home = "/";
$("a[href='" + [path || home] + "']").parents("li").each(function() {   
        $(this).addClass("current_page_item");
});
我认为这应该行得通。在这之前加载。检查与.current\u page\u item css类冲突的任何其他代码


忘了父母的电话。您应该为该li元素指定一个类名,这样它就不会在页面上进一步给您一个误报。

为什么不在服务器端执行此操作呢?看起来应该可以,假设
current\u page\u item
是使用
a:active
定义的,是否还有其他人可能有不同的方法,我无法让Coles工作这是我正在使用菜单的站点这是我正在使用cms系统的站点的url,因此菜单是动态的。我无法使上述任何选项起作用。似乎正在将类“selected”添加到相应的li元素中。li.selected{/*一些css*/}
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');
    }

});