클래스를 클릭 한 항목에 추가하는 방법은 무엇입니까?

Question

나는 "abc"라는 목록을 가지고있다. 기본적으로 첫 번째 항목이 선택됩니다. menu3를 클릭하면 "현재"로 설정되고 menu1의 '현재'클래스는 제거되어야합니다. 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/