toggleClass 이런 기능에 toggleClass 방법을 사용

Question

임 :

JS

$('section .handle').click(function() { 
    $('section h3 i').toggleClass('rotate'); 
}); 

HTML

<section> 
    <ul> 
     <li> 
      <div class="handle clearfix"> 
       <h3>item one <i class="fa fa-arrow-down"></i></h3> 
      </div> 
      <ul class="panel"> 
       <li>lorem ipsum</li> 
       <li>lorem ipsum</li> 
       <li>lorem ipsum</li> 
      </ul> 
     </li> 
    </ul> 
</section> 
<section> 
    <ul> 
     <li> 
      <div class="handle clearfix"> 
       <h3>item two <i class="fa fa-arrow-down"></i></h3> 
      </div> 
      <ul class="panel"> 
       <li>lorem ipsum</li> 
       <li>lorem ipsum</li> 
       <li>lorem ipsum</li> 
      </ul> 
     </li> 
    </ul> 
</section> 

이제 문제는 가지고있다 여러 "i"요소가 필요하며 클래스가 각 단일 요소에서 토글되어야합니다. 모두에 토글했다.

Answer 1

클릭 한 요소를 참조하려면 this을 사용하고 그 안에 <i>을 찾으십시오.

$('section .handle').click(function() { 
    $("i", this).toggleClass('rotate'); 
});