jquery add remove Klasse

Question

Ich habe 4 Anker, ich möchte eine Klasse von Strom zu einem Anker hinzufügen, wie es angeklickt wird und entfernen Sie die Klasse von den anderen 3 zur gleichen Zeit. Hier ist mein Code. Was mache ich falsch?

if ($("ul#thumb a").hasClass("current") { 
    $("ul#thumb a").removeClass("current"); 
    $(this).addClass("current"); 
}); 

und meine html sieht wie folgt aus:

<ul id="thumbs"> 
    <li> 
     <!-- intro page navi button --> 
     <a id="t0" class="active" name="t0">The Company</a> 

     <ul class="navi"> 
      <li><a style="display:none"></a></li> 
      <li><a id="t1" name="t1">The Brief</a></li> 
      <li><a id="t2" name="t2">The Solution</a></li> 
      <li><a id="t3" name="t3">The Result</a></li> 
     </ul> 

    </li> 
</ul> 

Answer 1

von Ereignis-Delegation mit, wir nur einen Handler für alle Click-Ereignisse binden. Wenn ein Anker (außer dem .current Anker) angeklickt wird, wir die .current Anker seiner Klasse abzustreifen und das geklickt Anker machen eine neue Strom:

$("#thumbs").on("click", "a:not(.current)", function (event) { 
    $(".current", event.delegateTarget).removeClass("current"); 
    $(this).addClass("current"); 
}); 

Answer 2

ich denke, das Sie

helfen

$("a").click(function() { 
    $('a').removeClass('current'); 
    var id = $(this).attr('id'); 
    $('#'+id).addClass('current'); 
});