如果href与变量匹配，将Class添加到菜单li

Question

我有一个多级菜单，我需要通过将类active添加到列表中来突出显示顶级菜单。

我在javascript变量var activeHREF= '/news/';中存储需要活动的链接值。

我需要jquery，它可以搜索列表li，并与列表中的href匹配，如果它与锚元素匹配，那么它应该向这个特定的列表中添加一个class='active'。

这是处理我的场景的更有效的方法，我可以有最多3到4个多级菜单，我需要突出显示顶级父菜单

指针可能是开始的好方法。

Answer 1

具有多个无序列表级别的jsFiddle实例。

$("a[href='" +activeHREF+ "']").parent().addClass("active")

使用过滤器可以做同样的事情。

$('a').filter(function() {
    return $(this).attr('href') == activeHREF;
}).parent().addClass('active');

Answer 2

我想你是在找这样的东西：

$("li:has(a[href='" +activeHREF+ "']):first()").addClass("active")

Answer 3

我会这样做：

在线演示

$(document).ready(function(){
var activeHREF= '\/contact\/';
    $('li').removeClass('active');
    $('a[href="'+activeHREF+'"]').parent().addClass('active');        
});