@bovzlou

Добавление класса none в нахождении больше 3-х div с одинаковым классом list?

Есть список на странице

<div class="list">1</div>.
<div class="list">2</div>
<div class="list">3</div>
<div class="list">4</div>
<div class="list">5</div>
<div class="list">6</div>


Я понимаю, что тут рекурсия, но я в этом чайник, т.к. элементов div.list каждый раз может быть разное количество.
Потому больше 3-х я хочу скрыть

<div class="list">1</div>.
<div class="list">2</div>
<div class="list">3</div>
<div class="list none">4</div>
<div class="list none">5</div>
<div class="list none">6</div>


let elem = document.querySelector(".list");
нужно создать функцию 
или сразу делать перебор for (let el of elem);
и я так понимаю, что добавить класс 
elem.classList = "none";

как цикл работает в этом случае?
Когда их больше 3-х

Кто-то может помочь? Хочу понять. Я только начал изучать.
P.S. Это по типу spoiler
<button onclick="spoiler()">Спойлер</button>
его бы всунуть
  • Вопрос задан
  • 91 просмотр
Пригласить эксперта
Ответы на вопрос 1
@mletov

document.querySelectorAll('div.list:nth-child(n+4)').forEach(function(el) {
el.style.display = 'none';
});


Почитайте про nth-child(n)

https://stackoverflow.com/questions/22035799/css-n...
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
XPOWER Одесса
от 3 000 до 5 500 $
Artezio Москва
от 160 000 до 220 000 ₽
26 февр. 2021, в 09:37
25000 руб./за проект
26 февр. 2021, в 08:12
1000 руб./за проект
26 февр. 2021, в 05:09
3000 руб./за проект