Почему код скрывает только первый блок в списке?

Question

historydev @historydev

Mistkerl, drück den Knopf.

JavaScript

Почему код скрывает только первый блок в списке?

Доброе утро.Скажите пожалуйста, как скрыть все блоки?

//Append quests in box

	box.innerHTML =

		`<div class='quests'>

			<div class='quests1'>${quest1}</div>
			<div class='answers'>
				<div class='answer'>-2</div>
				<div class='answer'>-1</div>
				<div class='answer'>0</div>
				<div class='answer'>1</div>
				<div class='answer'>2</div>
			</div>
			<div class='quests2'>${quest2}</div>

		</div>`

	const first_quest1 = document.querySelector(`.quest1[data-id='1']`),
		  first_quest2 = document.querySelector(`.quest2[data-id='1']`)


	//Hide quests
	document.querySelector('.quest1').style.display = 'none'
	document.querySelector('.quest2').style.display = 'none'

Вопрос задан более трёх лет назад
86 просмотров

7 комментариев

Подписаться 1 Средний 7 комментариев

Шохрух Шаймардонов @joeberetta Куратор тега JavaScript

Залейте в песочницу, гляну
UPD. С телефона сижу, поэтому сходу не смогу разобрать

Написано более трёх лет назад
historydev @historydev Автор вопроса, куратор тега JavaScript

Шохрух Шаймардонов, отходил, сейчас залью

Написано более трёх лет назад
historydev @historydev Автор вопроса, куратор тега JavaScript

Тык

Написано более трёх лет назад
Шохрух Шаймардонов @joeberetta Куратор тега JavaScript

Владимир, так?
snippet

Написано более трёх лет назад
historydev @historydev Автор вопроса, куратор тега JavaScript

Шохрух Шаймардонов, нет-нет, это слишком очевидно, мне нужно именно все quest1 and quest2 скрывать

Написано более трёх лет назад
alex @potapchino
Владимир, а если их 100 будет, вы так и будете писать
document.querySelector('.quest100').style.display = 'none'
?
Написано более трёх лет назад
historydev @historydev Автор вопроса, куратор тега JavaScript

Alex, это не порядковый номер, это один класс, порядковый номер я задаю в data-id,если вы об этом

Написано более трёх лет назад

Залейте в песочницу, гляну
UPD. С телефона сижу, поэтому сходу не смогу разобрать
Шохрух Шаймардонов, отходил, сейчас залью
Шохрух Шаймардонов, нет-нет, это слишком очевидно, мне нужно именно все quest1 and quest2 скрывать
Владимир, а если их 100 будет, вы так и будете писать
document.querySelector('.quest100').style.display = 'none'
?
Alex, это не порядковый номер, это один класс, порядковый номер я задаю в data-id,если вы об этом

Answer 1 · 2020-12-31 12:32:47

Если я правильно понял, то вам нужно использовать не querySelector, а querySelectorAll и в цикле скрывать все необходимые элементы. Либо скрывать вмещающий их контейнер.

Почему код скрывает только первый блок в списке?

Войдите на сайт