Jquery选择与其他几个具有相同类的单个元素

Question

我目前遇到多个div同时切换的问题。 我有这4个div与我想要显示的同一个类，我该怎么做？

<div id="container">
    <div class="box"><!-- box 1 -->
    <div class="link"><a href="#" class="show">show content</a></div>
    <div class="hidden">this text is hidden</div>
    </div><!--box ends-->

    <div class="box"><!-- box 2 -->
    <div class="link"><a href="#" class="show">show content</a></div>
    <div class="hidden">this text is hidden</div>
    </div><!--box ends-->

</div><!--container ends -->

我认为你明白了。问题是，这是来自一个PHP，而如果用户没有贡献任何内容，那么就没有任何div，如果他有，那么将显示div等于他所有的贡献。

我试过

$(".show").click(function(){
$(".hidden").toggle();
});

但上面的代码显示了所有这些，所以如何显示需要显示的那个？ 我希望你明白。

Answer 1

使用：

$(".show").click(function(){
  $(this).parent().next(".hidden").toggle();
});

parent()会让你div.link而next()会让你div.hidden来切换。