aggiungi/rimuovi classe su span all'interno di un tag

Question

Ho provato varie opzioni ma non riesco a far funzionare la cosa sciocca. Come faccio a ottenere lo span all'interno di un tag < in un < li> per cambiare classe in "attivo"; quindi rimuoverlo quando viene fatto clic su un altro < a>?

<ul id="dumb"> 
<li><a href="#">Something<span></span></a></li> 
<li><a href="#">Something Else<span></span></a></li> 
</ul> 

Facendo clic sul < a> dovrebbe dare l'arco di una classe di "attivo" e quando un altro viene cliccato, dovrebbe rimuoverlo dal originale e aggiungerlo alla arco di che < a> ...

Grazie!

Answer 1

$(function(){ 
     $("#dumb > li > a").click (function(){ 
     $("#dumb > li > a > span").removeClass ('active'); 
     $(this).find('span').addClass('active'); 
     return false; 
    }); 
}); 

Answer 2

Prova questo:

$(document).ready(function(){ 
    var $MySpans = $("#dumb li a span"); 
    $MySpans.click(function(){ 
     $MySpans.removeClass(); 
     $(this).addClass("active"); 
    }); 
}); 

Si potrebbe provare questo così come sarà un selettore più veloce se funziona:

var $MySpans = $("#dumb>li>a>span"); 

Answer 3

jQuery ('# muto li un arco') .addClass ("attivo");