Jquery .slideUp 같은 클래스의 복수 div에

Question

안녕하세요 저는 jquery와 div에 함수를 적용하기 위해 올바르게 사용하는 방법이 새로 도입되었지만 여러 div의 클래스를 공유합니다. 내가 원한다면 .slideUp()를 한 번에 div에 하나씩 입력하는 것입니다. 내 문제는 그들이 모두 같은 클래스를 가지고 있으며, 마우스가 divs에 들어갈 때 모두 마우스가 올라간다는 것입니다. 아래는 .hide 토글을 사용하여 jquery로 내 HTML입니다. 나는 jquery에게 무엇을해야하는지 알려주기 위해 어떤 종류의 변수 나 선택자를 사용해야 할 필요가 있지만 어떻게해야 하는지를 생각할 수 없다. 어떤 도움을 많이 주시면 감사하겠습니다.

이

이는 HTML

<div id="container"> 
      <div class="item1"> 
       <div class="black_overlay"><h1 id="mini">New Art Exchange<br/> 
       Culture Cloud Campaign</h1></div>    
      </div> 
      <div class="item3"> 
       <div class="black_overlay"><h1 id="mini">New Art Exchange<br/> 
       Culture Cloud Campaign</h1></div> 
      </div> 
      <div class="item2"> 
       <div class="black_overlay"><h1 id="mini">New Art Exchange<br/> 
       Culture Cloud Campaign</h1></div> 
      </div> 
      <div class="item3"> 
       <div class="black_overlay"><h1 id="mini">New Art Exchange<br/> 
       Culture Cloud Campaign</h1></div> 
      </div> 
      <div class="item2"> 
       <div class="black_overlay"><h1 id="mini">New Art Exchange<br/> 
       Culture Cloud Campaign</h1></div> 
      </div>   
</div> 

이 모든 div의 결국 화면을 구성하는 벽돌을 사용하여 워드 프레스의 게시물이 될 것입니다 JQuery와

$(document).ready(function(){ 


     $(".item1, .item2, .item3").mouseenter(function(){ 
      $(".black_overlay").toggle(); 
     }); 

입니다.

Answer 1

사용 .find()이 (가) 하나를 제외 선택 : 브릴리언트

$(".item1, .item2, .item3").mouseenter(function(){ 
     $(this).find(".black_overlay").toggle(); 
    });