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

Question

按主题，我有一些 id = "loader" 的 div。

在我的 jQuery 代码中，我有

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

但它只适用于第一个 div。

我怎么能隐藏所有的div？

非常感谢。

Answer 1

拥有多个具有相同 ID 的元素不是有效的 HTML。#loader整个页面中只能有一个 ID 为 ( ) 的元素。这就是为什么 jQuery 只隐藏第一个元素。使用类而不是 id：

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

Answer 2

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

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

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

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

Answer 3

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

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

<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>

希望您能从中受益。