내 HTML에서이 목록을 가지고 jQuery를

Question

를 사용하여 클릭에 클래스 이름을 설정하는 방법 : 여기

<ul> 
    <li class="active"></li> 
    <li></li> 
    <li></li> 
    <li></li> 
</ul> 

난 단지 클릭 한 <li>이 클래스는 "활성"으로 설정해야한다고합니다. 따라서 누군가가 두 번째로 <li> 요소를 클릭하면 클래스가 활성으로 설정되어야하며 첫 번째 요소는 제거되어야합니다.

jQuery를 사용하여 어떻게 할 수 있습니까?

$('ul li').click(function(){ 
    $(this).addClass('active').siblings().removeClass('active') 
}) 

Answer 1

가 선택한 요소에서 클래스를 제거하고 새로운 추가 :

Answer 2

이 시도이 방법 만 한 번의 클릭 리스너에서

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

Answer 3

$('ul').on('click','li',function(){ 
    $(this).addClass('active').siblings().removeClass('active'); 
});​ 

Try the demo here.

을 ul 요소에 추가됩니다. 그것은 당신의 공연에 좋습니다.

문제가 해결되기를 바랍니다. 질문이 있으시면 언제든지 물어보십시오. 감사합니다.