jquery - 需要选择标签内的所有类

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();
});

演示：http: //jsfiddle.net/VLRNX/

Answer 2

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

如果您有兴趣在再次单击 h2 时重新显示内容，您可以执行以下操作：

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