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”，但会更明显。

e.g。这将做同样的事情：

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

jQuery切换多个类

1 个答案: