jquery - jQueryは同じIDを持つすべての要素を非表示にします

Question

トピックごとに、id = "loader" の div がいくつかあります。

私のjQueryコードでは

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

ただし、最初のdivでのみ機能します。

すべてのdivを非表示にするにはどうすればよいですか?

どうもありがとう。

Answer 1

同じ ID を持つ複数の要素を持つことは有効な HTML ではありません。#loaderページ全体でID ( ) を持つ要素を 1 つだけ持つことができます。そのため、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>

これがお役に立てば幸いです。