Javascript 按类名切换元素

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

所有这些元素都位于此标记之间：

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

切换
切换

我想使用javascript在用户单击按钮时切换class=class\u name的所有元素

到目前为止，我找到的所有代码都只按ID隐藏div

我正在使用RubyonRails，因此如果有一种方法不编写js代码，也不创建新函数，我将不胜感激。我也希望有一种方法来调用视觉效果，但对类而不是id

谢谢。

您可以使用jQuery：

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

您可以使用jQuery：

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

Rails附带了开箱即用的功能。要使用它，只需在布局的

部分添加这一行：

<%= javascript_include_tag :defaults %>

Rails附带了开箱即用的功能。要使用它，只需在布局的

部分添加这一行：

<%= javascript_include_tag :defaults %>

---

我不熟悉RubyonRails，但在Wikipedia上它说它使用prototype.js库。您正在使用prototype.js吗？JavaScript库允许您按类名选择元素……我不熟悉RubyonRails，但在Wikipedia上它说它使用prototype.js库。您正在使用prototype.js吗？JavaScript库使您能够按类名选择元素……当问题没有提到jQuery时，您几乎会对建议jQuery投反对票，但在JS中按类名做任何事情都是非常痛苦的。谢谢，它确实可以工作，但在我的例子中，div在一个表中，奇怪的是它不适用于它们。任何关于我如何使其工作的线索？此代码将适用于该类的任何元素，无论在何处。检查类名在这种情况下似乎不起作用：您好，如果我理解的很好，那么隐藏行的唯一方法就是隐藏它的每个单元格？当问题没有提到jQuery时，几乎想否决建议jQuery，但在JS中按类名做任何事都是非常痛苦的。谢谢，它确实起作用了，但在我的例子中，div在一个表中，奇怪的是它不适用于它们。任何关于我如何使其工作的线索？此代码将适用于该类的任何元素，无论在何处。检查类名在这种情况下似乎不起作用：您好，如果我理解得很好，隐藏行的唯一方法是隐藏它的每个单元格？