Задать вопрос
Rattlesneyk
@Rattlesneyk
javascript

Как скрыть все блоки с одним Id?

На странице есть 3 вот таких блока.
<li id="loader" ></li>
<li class="sign-up"  id="test" style="display:block;">
Содержимое 
</li>


По нажатию на кнопку они должны исчезать.
var hidden_div=document.getElementById('test');
hidden_div.style.display = 'none';


Понятно, что id уникален, но тогда как прописать несколько id или как сделать?=)
  • Вопрос задан
  • 2638 просмотров
Комментировать
Подписаться 3 Оценить Комментировать
Решения вопроса 1
@vdem
Использовать конечно же классы а не id, как уже ответили. Вот решение на чистом JavaScript:
var els = document.getElementsByClassName('sign-up');
for(var elIndex in els) {
    els[elIndex].style.display = 'none';
}

document.getElementsByClassName() отсутствует в IE (старых версиях как минимум), здесь подробнее как обойти: javascript.ru/forum/events/8731-getelementsbyclass...
Ответ написан
2 комментария
2 комментария
Пригласить эксперта
Ответы на вопрос 1
samoilenkoevgeniy
@samoilenkoevgeniy
Lead Full-Stack Web Developer
Подозреваю, что id нужно заменить классом, потому что несколько одинаковых id на одной странице - недопустимо
пишите допустим так:
<li id="loader" ></li>
<li class="sign-up test" style="display:block;">
Содержимое 
</li>


var hidden_div = $('.test');
hidden_div.hide();
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Middle JavaScript Developer
AppsTrain.io
от 80 000 до 180 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Необходимо сверстать приложение согласно макету Figma используя React
26 апр. 2024, в 22:22
1500 руб./за проект
Написать модуль подключения матрицы Sony к ПЛИС (Verilog)
26 апр. 2024, в 21:30
15000 руб./за проект
8266 f12 требуется сделать ревью и оптимизировать работу
26 апр. 2024, в 20:42
2000 руб./за проект
Ещё заказы