按類名切換元素

我想切換（隱藏/顯示）我的網頁的幾個元素。按類名切換元素

所有這些因素都在這個標記之間：

<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

回答