在多个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

回答

相关问题