JQuery скрыть все элементы с одинаковым идентификатором

по теме У меня есть некоторые div с id = "loader".

В моем коде jQuery у меня есть

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

но он работает только с первым div.

Как я могу скрыть все div?

Большое спасибо.

Ответ 1

Html позволяет вам иметь только один идентификатор #loader на всей странице. Вот почему jQuery скрывает только первый элемент. Использовать класс вместо загрузчика:

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

Ответ 2

Иды элементов html должны быть уникальными, поэтому лучше использовать класс со всем элементом и использовать селектор классов для скрыть их все.

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

Если вы не можете назначить для них общий класс, например, вы can not измените исходный код, вы можете использовать Атрибут выбора атрибутов [name= "значение" ].

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

Ответ 3

Способ скрыть все элементы одного идентификатора был следующим.

$( "#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>