jQuery切换多个类

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

目前，按钮显示/隐藏所有 div。 如何在不使类独特的情况下切换一个div？ 小提琴演示 。

jQuery的：

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

HTML：

 
 Comment 1 
 Show Comment 
 
 Comment 2 
 Show Comment 

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(); });