jQuery隐藏具有相同id的所有元素

按主题我有一些id =“loader”的div。

在我的jQuery代码中

$("#loader").hide(), 

但它只适用于第一个div。

我怎么能隐藏所有的div？

非常感谢。

Answer 1

拥有多个具有相同ID的元素是无效的HTML。 在整个页面中只能有一个带ID（ #loader ）的元素。 这就是jQuery只隐藏第一个元素的原因。 使用类而不是id：

 $('.loader').hide(); 

Answer 2

html元素的id应该是唯一的，因此您最好使用包含所有元素的类，并使用类选择器将它们全部隐藏起来。

 $('.className').hide(); 

如果您无法为它们分配公共类，例如您can not更改源代码，则可以使用属性等于选择器[name =“value”] 。

  $("[id=loader]").hide(); 

Answer 3

隐藏相同ID的所有项目的方法如下

 $( "#hide" ).click(function() { $('div#hidden').hide(); }); 

 
ID Number 1
 
ID Number 2
 
ID Number 1
 
ID Number 2
 
ID Number 1
 Hide Div