как скрыть все div в jquery

Question

У меня есть несколько делений:

<div id="div-1"></div>
<div id="div-2"></div>
<div id="div-3"></div>
<div id="div-4"></div>

Как мне спрятать их всех с помощью jquery.Я использовал $('#div').hide(); и не работал.

Answer 1

Вы используете идентификатор в вашем селекторе. Просто используйте:

$('div').hide();

Однако это скроет буквально все div. Как насчет того, чтобы скрыть только div, которые имеют идентификатор в виде div-x?

$('div[id^="div-"]').hide();

Это позволит скрыть только те элементы, о которых вы упоминали, без скрытия других элементов (что может быть проблематично).

Answer 2

для более подробной информации вы можете прочитать это: Element Selector (“element”)

это будет делать: $('div').hide();

нет необходимости# знак для селектора идентификатора для jquery, если вы хотите скрыть элемент, просто напишите имя элемента, которое выполнит вашу задачу, которая называется «селектор элемента».

Answer 3

jQuery использует CSS-селекторы, поэтому здесь скрываются все элементы div:

$('div').hide();

Однако, если вы хотите скрыть div, у которых id начинается с "div", как в вашем примере, сделайте следующее:

$('div[id^="div"]').hide();

Answer 4

Проблема в том, что вы указываете id в своем селекторе. Используйте это вместо:

$('div').hide();

Answer 5

Уберите хеш и просто сделайте $('div').hide();, потому что сейчас вы прячете все элементы с id из "div"

Answer 6

Назначьте класс всем элементам div, которые вы хотите скрыть, а затем делать что-то вроде

 $('.hider').hide()

Это скрыло бы все div с этим классом hider. Тогда вы можете делать все, что вы хотите на некоторых из div

Answer 7

$('#div').hide();

не работает, потому что вы ищете что-то с ID = "div" и вы установили свои идентификаторы на "div-1" и т. Д.

Вместо этого попробуйте

  $('#div-1').hide();
  $('#div-2').hide();

и т.д.

Это скроет упомянутый конкретный div.

Если вы действительно хотите скрыть все элементы div на своей странице, тогда

  $('div').hide();

Answer 8

$ ( 'DIV') скрыть ().должно работать

$ ('# div') ищет id = "div", а не ищет все div.

Answer 9

#div элемент, который id равен div, если вы хотите скрыть каждые div на странице, тогда вам нужен только селектор div (используйте $('div').hide()).

Я не думаю, что это то, чего вы действительно хотите, хотя вы почти наверняка не хотите скрывать каждый элемент div на странице. Вы, кажется, пытаетесь спрятать несколько конкретных div за один раз. Способ сделать это - разделить id запятой: $('#div-1,#div-2,#div-3,#div-4').hide().

Альтернативно, лучший способ сделать это - добавить class к этим div s на случай, если вы захотите изменить число div s.

Так что скрыть:

<div id="div-1" class="foo"></div>
<div id="div-2" class="foo"></div>
<div id="div-3" class="foo"></div>
<div id="div-4" class="foo"></div>

Вы бы использовали $('.foo').hide().