Добавить класс в меню li, если href соответствует переменной

Question

У меня есть многоуровневое меню, и мне нужно выделить меню TOP уровня, добавив в список класс active.

Example on fiddle

хранить значение ссылки, которое должно быть активным в JavaScript переменная var activeHREF= '/news/';

мне нужно JQuery, которые могут выполнять поиск по списку li и матч с HREF из в списке, если он совпадает с элементом привязки, тогда он должен добавить class='active' в этот конкретный список.

Я это это более эффективный способ справиться мой сценарий, где я могу иметь до 3 или 4 многоуровневое меню и мне нужно, чтобы выделить родительское меню верхнего уровня,

Указатель может быть хорошим способом, чтобы начать.

Answer 1

jsFiddle Example с несколькими уровнями неупорядоченных списков.

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

Использование фильтр может сделать то же самое

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

Answer 2

Это, как я хотел бы сделать это:

Online Demo

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

Answer 3

Я думаю, что вы ищете что-то вроде этого:

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