jQuery切换多个类

Question

我想使用 jQuery 切换在同一个类上显示/隐藏多个 div。

目前，按钮显示/隐藏所有 div。我怎样才能让它切换一个 div 而不使类唯一？ Fiddle demo。

jQuery:

$(".button").click(function() {
    $(".comment").toggle();
});

HTML：

<div class="comment">
    Comment 1
</div>
<button class="button">Show Comment</button>
<br/>
<div class="comment">
    Comment 2
</div>
<button class="button">Show Comment</button>

Answer 1

您需要找到与点击的元素相关的评论。在您的情况下，它是按钮的前一个元素，因此请使用 prev() 和 $(this)（这是单击的按钮）：

JSFiddle： http://jsfiddle.net/TrueBlueAussie/vgs2wsz2/1/

$(".button").click(function() {
    $(this).prev(".comment").toggle();
});

注意：在这种情况下，prev() 中的“.comment”不是必需的，但会更明显。

例如这将做同样的事情：

$(".button").click(function() {
    $(this).prev().toggle();
});