jQuery 切换多个类

Question

我想 Show/Hide 在同一个 class 上使用 jQuery 切换多个 div。

目前，按钮 show/hides all divs。如何在不使 class 唯一的情况下使其切换一个 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();
});

jQuery 切换多个类

jQuery toggle multiple classes

jquery

show

toggle

hide