jquery add remove class

Question

У меня есть 4 привязки, я хочу добавить класс тока к якорю, когда он щелкнут, и удалить класс из других 3 одновременно. Вот мой код. Что я делаю не так?

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

и мой HTML выглядит следующим образом:

<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

С помощью событий делегирования, мы только связать один обработчик для всех событий щелчка. Когда якорь (кроме .current якоря) нажата, мы раздеть .current якорь своего класса, и сделать Clicked якорь новый текущий:

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

Answer 2

Я думаю, что это поможет вам

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