버튼을 클릭 할 때 활성화 상태가됩니다.

Question

버튼에 .active가 추가되어 CSS 스타일이 추가되었습니다. jQuery를 사용하여이 작업을 수행하려고합니다. 다음과 같이

<ul class="num-list num-list-top"> 
     <li class="active"><a href="#">1</a></li> 
     <li><a href="#">2</a></li> 
     <li><a href="#">3</a></li> 
    </ul> 

내 jQuery를이 : 다음과 같이

내 HTML은

$('.num-list-top li').click(function() { 
     $(".num-list-top").toggleClass("active"); 
    }); 

는 현재 코드가 무엇을 모든 리 목록 항목을 클래스를 줄입니다 활성. 활성 클래스를 토글하기 위해 클릭 한 li 항목 만 원합니다.

Answer 1

시도 : 리튬을 얻을 것이다 this를 사용 렸기 때문에

$('.num-list-top li').click(function() { 
     $(this).toggleClass("active"); 
    }); 

는