Question

我的问题是我需要在click事件中隐藏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();
});

需要选择标签内的所有类

2 个答案: