jQuery切换多个类

Posted 2023-03-05

【中文标题】jQuery切换多个类

【英文标题】：jQuery toggle multiple classes

【发布时间】：2015-03-03 07:58:45

【问题描述】：

我想使用 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>

【参考方案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();
);

【讨论】：

有趣！如果是副词怎么办：元素显示在按钮之后，我可以使用什么功能？

我想“下一个”在这里是合适的；）

是的。如果顺序颠倒，请使用next() :)

干杯！一种后续问题：***.com/questions/27785890/jquery-show-hide-next-div