Как добавить класс внутри li?

Question

У меня есть неупорядоченный список, и я использую следующий код для добавления класса в текущую ссылку, которую я посетил.

$("li a").filter(function(){ 
    return this.href == location.href.replace(/#.*/, ""); }).addClass("selected"); 

Результатом является: <li><a href="#" class="selected">Link1</a></li>

Но решение мне нужно: <li class="selected"><a href="#">Link1</a></li>

Пожалуйста, помогите. Спасибо.

Обновление: Большинство текущих ответов отлично работают. Однако я столкнулся с другой проблемой.

Родитель li имеет подменю. При нажатии на ссылку подменю «выбранный» класс родительского ли. Есть ли способ сделать «выбранный» класс на родительском ли? Или, если можно просто добавить класс только на родительский ли, а не на какую-либо ссылку подменю? Заранее благодарю вас за помощь. :)

Answer 1

я думаю, что это нужно сделать, это

$("li a").filter(function(){ 
return this.href == location.href.replace(/#.*/, ""); }).parent('li').addClass("selected"); 

редактировать

$("li a").filter(function(){ return this.href == location.href.replace(/#.*/, ""); }).parents('li, li:first').addClass("selected"); 

Answer 2

Вы фильтрование элемента якоря, не li так addClass() будет добавить класс к a элементу. Вы можете использовать предок поиск (.parent(), .closest()), чтобы найти нужный li элемент, а затем использовать addClass()

$("li a").filter(function() { 
    return this.href == location.href.replace(/#.*/, ""); 
}).parent().addClass("selected"); 

Answer 3

уборщик и оптимизированный способ:

var targetUrl = window.location.href.replace(/#.*/, ""); 
var activeNav = $('li a[href="'+ targetUrl +'"]'); 
if (activeNav.length) { 
    activeNav.parent('li').addClass('selected'); 
} 

Answer 4

$("li a").filter(function(){ 
     return this.href == location.href.replace(/#.*/, ""); }).closest('li').addClass("selected");