需要选择标签内的所有类

Question

我的问题是，我需要在点击事件中隐藏div中的类。现在我的代码看起来像这样。

<section> 
    <h2>Section Title</h2> 
    <div class="inner_wrapper">content</div> 
    <div class="inner_wrapper">content</div> 
    <div class="inner_wrapper">content</div> 
</section> 

<section> 
    <h2>Section 2 Title</h2> 
    <div class="inner_wrapper">content</div> 
    <div class="inner_wrapper">content</div> 
    <div class="inner_wrapper">content</div> 
</section> 

等等。当我点击一个h2时，我想只隐藏同一部分内的inner_wrapper div。

Answer 1

试试这个：

$("h2").on("click", function() { 
    $(this).siblings(".inner_wrapper").hide(); 
}); 

DEMO：http://jsfiddle.net/VLRNX/

Answer 2

$('h2').click(function() { 
    $(this).siblings('.inner_wrapper').hide(); 
}); 

如果你有兴趣再显示内容，如果H2再次点击，你可以做到以下几点：

$('h2').click(function() { 
    $(this).siblings('.inner_wrapper').toggle(); 
});