jQuery를 - 클릭

Question

에 리튬에 클래스를 추가하는 I가 다음과 같은 마크 업 내가

<li class="selected"><a href="#" id="id1">link1</a></li> 
<li><a href="#" id="id2">link2</a></li> 
<li><a href="#" id="id3">link3</a></li> 

처럼, 이전에 클릭 링크에서 클래스를 클릭 한 링크에 클래스를 추가하고 제거하기 위해 jQuery를 사용하려는

<div id="div1"> 
    <ul> 
     <li><a href="#" id="id1">link1</a></li> 
     <li><a href="#" id="id2">link2</a></li> 
     <li><a href="#" id="id3">link3</a></li> 
    </ul> 
</div> 

Answer 1

이 시도 :

$('#div1 li').click(function(e) { 
    $(this).addClass('selected').siblings().removeClass('selected'); 
}); 

을 다른 방법으로,로 click 이벤트를 연결하려는 경우는 :

$('#div1 a').click(function(e) { 
    e.preventDefault(); 
    $('#div1 a').removeClass('selected'); 
    $(this).addClass('selected'); 
}); 

Example fiddle

Answer 2

당신은 같은 것을 할 수 있습니다, 첫째 모든 클래스를 제거한다

는

$('li a').click(function() { 
    $('li a').removeClass('selected'); 
    $(this).addClass('selected'); 
}); 

, 다음 클릭 된 하나에 클래스를 추가합니다.