@olifem

Как спрятать все элементы с определённым классом?

Как спрятать все элементы с классом "name"?
<div class="name"> 1 </div>
<div class="name"> 2 </div>
<div class="name2"> 3 </div>
<input type="button" onclick="a()" value="Hidde"/>


function a(){
	var name = document.getElementsByClassName('name');
  for(key in name) {
  	name[key].style.display="none";
  }
  • Вопрос задан
  • 368 просмотров
Решения вопроса 2
0xD34F
@0xD34F Куратор тега JavaScript
for (const n of document.getElementsByClassName('name')) {
  n.style.display = 'none';
}

или

.hidden {
  display: none;
}

document.querySelectorAll('.name').forEach(n => n.classList.add('hidden'));
Ответ написан
Комментировать
r0n1x
@r0n1x
Помогу с html, css, js
Если JQ используется только для этого, то можно и без него вот так:
<input type="button" onclick="hide()" value="Hide" />

function hide() {
      for (let key of document.querySelectorAll('.name')) {
        key.hidden = true;
      }
    }

Если изменить вот так
key.hidden = !key.hidden;
..то кнопка будет и скрывать и показывать скрытое.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
ThunderCat
@ThunderCat Куратор тега JavaScript
{PHP, MySql, HTML, JS, CSS} developer
1) Hidde???
2) зачем такие мучения? дайте кнопке id="hideButton", уберите инлайн onclick="a()" - это плохой стиль, подключите JQ и:
$('#hideButton').on('click', function(){
    $('.name').hide();
})
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы