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

Question

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

在我的jQuery代码中我有

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

但它只适用于第一个div。

我怎么能隐藏所有的div？

非常感谢。

Answer 1

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

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

Answer 2

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

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

如果您无法为其分配公共类，例如can not更改了您可以使用Attribute Equals Selector [name=”value”]的源代码。

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

Answer 3

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

＆＃13;

＆＃13;

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

＆＃13;

<div id="hidden">ID Number 1</div>
<div id="2">ID Number 2</div>
<div id="hidden">ID Number 1</div>
<div id="2">ID Number 2</div>
<div id="hidden">ID Number 1</div>
<a href="#" id="hide">Hide Div</a>

＆＃13;

＆＃13;

＆＃13;

希望你能发现这有用。