如何將該類添加到您點擊的項目上？

Question

我有一個列表「abc」。默認情況下，第一個被選中。如果我點擊菜單3，它應該被設置爲「當前」，並且菜單1'當前'類應該被刪除。請幫我用jQuery編寫這個查詢。

<ul class="abc"> 
    <li><a href="#" class="current">menu1</a></li> 
    <li><a href="#">menu2</a></li> 
    <li><a href="#">menu3</a></li> 
</ul> 

Answer 1

var anchors = $('li a'); 

anchors.on('click', function(e){ 
    e.preventDefault(); 
    anchors.removeClass('current'); 
    $(this).addClass('current'); 
}); 

http://jsfiddle.net/n8R6X/

Answer 2

$('.abc a').click(function(e) { 
    e.preventDefault(); 
    $('.abc a').removeClass('current'); 
    $(this).addClass('current'); 
});​ 

jsFiddle example

Answer 3

$('.abc a').on('click', function(e) { 
    e.preventDefault(); 
    $('.abc a').removeClass('current'); 
    $(this).addClass('current'); 
}); 

參見：

• http://api.jquery.com/addClass/
• http://api.jquery.com/removeClass/

演示：http://jsfiddle.net/KDULM/