在多個div ID上使用javascript

我創建了一個擴展div，隱藏了加載並在使用javascript和jQuery單擊時展開。我的問題是我需要在每個頁面上多次使用此功能（10-30x）。有沒有一種方法可以調用該函數以使用數組或某種特性（我是新手，我的道歉）來處理多個DivID。我的幾個div id將是eb1，eb2，eb3，eb4。這是我的腳本，目前在一個ID上工作：在多個div ID上使用javascript

3210

任何幫助將不勝感激，甚至鏈接到一個解釋。謝謝，特拉維斯

來源

2012-09-19 Travis

您應該能夠通過用逗號分隔的ID做到這一點：

jQuery('#eb1','#eb2','#eb3').hide();

來源

2012-09-19 15:55:57

繼John Conde's answer這也可以使用屬性開始，與：

jQuery('div[id^="eb"]').hide();

JS Fiddle demo。

當然的，容易，只需使用一個特定的類名，然後選擇變爲：

jQuery('.className').hide();

JS Fiddle demo。

參考文獻：

Attribute-starts-with ([attribute^="value"]) selector。

來源

2012-09-19 15:56:45

只需鍵入「jQuery的多個DIV顯示隱藏」到谷歌：

第一個鏈接給出了這樣： Show/Hide Multiple Divs with Jquery

來源

2012-09-19 15:58:57

也許是更清潔的CSS類添加到所有的div（或者你使用的任何標籤）元素應該像這樣，然後在選擇器中使用那個類？

 jQuery('div.hidable').hide(); 
     //hides all 'hidable' boxes 
     jQuery("#hide").click(function() { 
      jQuery('div.hidable').fadeOut(300); 
     }); 
etc...

來源

2012-09-19 16:03:05

你可以創建一個函數來做到這一點。

讓我解釋一下

功能ToogleDiv（容器）{

// simple toogle 
$(container).toggle(); 

// a toogle with some effect 
$(container).toggle('slow', function() { 
// add some action }); }

這裏是一個jQuery例如Toogle Jquery Example

希望這有助於。

來源

2012-09-19 16:03:14

您可以使用Attribute Starts With Selector [name^="value"]

var divs = $('div[id^="eb"]'); 
$(divs).hide(); 

$('#show').click(function(){ 
    $(divs).show(); 
}); 

$('#hide').click(function(){ 
    $(divs).hide(); 
});

活生生的例子在JSFiddle

來源

2012-09-19 16:04:23

function show(var id){ 
    jQuery(id).fadeIn(300); 
} 

function hide(var id){ 
    jQuery(id).fadeOut(300); 
}

，然後在您的div：

<a id="hide" onClick="hide('eb1')">hide</a> 
<a id="show" onClick="show('eb1')">show</a> 
<div id="eb1"></div>

來源

2012-09-19 16:04:42

在多個div ID上使用javascript

回答

相關問題