按类名切换元素

我想切换（隐藏/显示）我的网页的几个元素。按类名切换元素

所有这些因素都在这个标记之间：

<div class="class_name">to toggle</div> 
<div class="class_name">to toggle2</div>

我想用JavaScript来当用户点击一个按钮切换所有带class = CLASS_NAME的元素。

到目前为止，我发现的所有代码只能通过ID隐藏div。

我正在使用ruby on rails，所以如果有方法不写js代码而不创建新函数，我将不胜感激。我也想调用视觉效果，但在课堂上，而不是ID。

谢谢。

2010-10-14 Arthur

我不熟悉Ruby on Rails，但维基百科上说它使用prototype.js库。你在使用prototype.js吗？ JavaScript库使您可以按类名选择元素... – 2010-10-14 12:30:14

您可以使用jQuery：

$('.class_name').toggle();

2010-10-14 12:29:02 SLaks

当问题没有提及任何关于它的提示时，几乎想要暗示jQuery，但是在JS中通过类名执行*任何* *是如此痛苦。 – meagar 2010-10-14 12:32:28

谢谢，它实际上工作，但在我的情况下，div的表格在一张桌子上，奇怪它不适用于他们。任何关于我如何能够工作的线索？ – Arthur 2010-10-14 12:40:14

此代码适用于任何具有该类的元素。检查类名 – SLaks 2010-10-14 12:40:48

Rails有prototype library开箱。所有你需要做的使用它是添加此行布局的<head>部分：

<%= javascript_include_tag :defaults %>

然后你就可以使用这个调用来切换类名的元素：

$$('.class_name').each(Element.toggle);

2010-10-14 12:46:41 Matt

回答