jQuery aggiungere classe a Li corrente e rimuovere prev li quando clic all'interno di li a

Question

qui è HTML:

<ul>  
    <li class="current"><a href="#">menu item</a></li> 
    <li><a href="#aba">menu item</a></li> 
    <li><a href="#abb">menu item</a></li> 
    <li><a href="#abc">menu item</a></li> 
    <li><a href="#abd">menu item</a></li> 
</ul> 

se premo 'un' collegamento lo farà addClass 'corrente' a Li cliccato e rimuovere i vecchi li class ? questo è il mio tentativo:

$('ul li a').click(function(){ 
    $('ul li').removeClass('current'); 
    ... don't know here (add class to current li) ... 
}); 

Answer 1

Usa .parent('li') o .closest('li') per selezionare il cliccato <li>.

$('ul li a').click(function() { 
    $('ul li.current').removeClass('current'); 
    $(this).closest('li').addClass('current'); 
}); 

Answer 2

Basta aggiungere la classe di this in questo modo ...

$(this).addClass('yourClass'); 

Answer 3

$('ul li a').click(function(){ 
    $('ul').children().removeClass('current'); 
    $(this).addClass('current'); 
}); 

Speranza, questa volontà funziona per voi ..

Answer 4

$(function(){ 

    $('ul li a').click(function(){ 
     var item=$(this).parent(); 
     $('ul li').removeClass('current'); 
     item.addClass("current") 
    }); 

});​ 

http://jsfiddle.net/z8DYP/3/

Answer 5

Forse intendi questo?

$('ul li').each(function(){ 
    var t = $(this); 
    t.find('a').click(function() { 
    $('ul li').removeClass('current'); 
    t.addClass('current'); 
    }); 
}); 

Answer 6

all'uso su ('click') se si sta utilizzando la versione più recente di jQuery

$('ul li a').on('click', function(){ 
    $(this).parent().addClass('current').siblings().removeClass('current'); 
}); 

un violino è here.

Answer 7

Rob è giusto, ma $('ul li.current').removeClass('current'); non ha funzionato per me. Il seguente codice funziona.

jQuery('ul li a').click(function() 
{ 

jQuery('ul').children().removeClass('selected'); 
jQuery(this).closest('li').addClass('selected'); 

}