jQuery的 - 在文章

Question

我有這樣的HTML代碼隱藏內容：

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

      <div class="contentt"><content> 

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

和這個js：

$(".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塊在它的後代。