JQuery와 - 기사

Question

나는이 html 코드가있는 숨기기 내용 :

<article class="about"> 
      <header> 
       <div class="hed"></div> 
      </header> 

      <div class="contentt"><content> 

      </content></div> 
</article> 

을하고이 JS : 나는 수업을 hed를 클릭하면

$(".hed").unbind("click").click(function(){ 
     $(".contentt", this).hide(); 
    } 

나는 숨기기 클래스 contentt 필요하지만, 좀 더이 그래서 클래스를 사용하여 숨길 필요가 있습니다. 몇 가지 아이디어?

Answer 1

.contentt은 .hed의 자손이 아니므로 접근 방법이 작동하지 않습니다. 여기

$('.hed').unbind('click').click(function() { 
    $(this).closest('article').find('.contentt').hide(); 
}); 

스크립트가 가장 가까운article 부모를 얻고, 그것의 후손에 .contentt 블록을 찾습니다 여기에 더 나은 방법입니다.