добавить класс Ли, когда тег внутри щелкают

Question

я хочу, чтобы добавить класс Ли, когда тег щелкнул я использую JQuery addclass, но не знаете, как получить его к LI

<ul class="nav"> 
<li class=""> <!---------add class to here----> 
    <a href="default.asp">Home</a> <!-------- when this is clicked----> 
    <ul> 
     <li><a href="news.asp">link 1</a></li><!-------- but NOT when this is clicked-----> 
     <li><a href="news.asp">link 2</a></li> 
     <li><a href="news.asp">link 3</a></li> 
    <ul> 
</li> 
<li><a href="news.asp">News</a></li> 
<li><a href="contact.asp">Contact</a></li> 
<li><a href="about.asp">About</a></li> 
</ul> 

I надеюсь, что это имеет смысл

заранее спасибо

Answer 1

Для эффективности, вы должны использовать один обработчик делегированы событий, прикрепленного к вашему .nav элементу:

Если вы хотите, чтобы все родственный элемент в удалить этот класс использование not.

например.

$('.nav').on('click', 'li > a', function(){ 
      var $li = $(this).parent(); 
      $li.siblings().not($li.addClass('smclass')).removeClass('smclass'); 
    }); 

Примечание: Ответы с .nav > li (акцент на >) будет работать только для ссылок верхнего уровня. Вам нужно уточнить, хотите ли вы одинаковое поведение на всех ссылках (что в настоящее время используется в этом примере).

Если вы только хотели, чтобы работать по ссылкам на высшем уровне было бы

$('.nav').on('click', '> li > a', function(){ 
      var $li = $(this).parent(); 
      $li.siblings().not($li.addClass('smclass')).removeClass('smclass'); 
    }); 

Answer 2

можно достичь путем добавления следующей функции мыши

$("ul.nav > li > a").click(function(){ 
    $(this).parent().addClass("your_class"); 
}); 

Answer 3

Вы можете использовать непосредственный селектор ребенка, чтобы предназначаться все прямые Дочерние элементы:

$('.nav > li > a').click(function(){ 
    $(this).parent().addClass('smclass') 
});