Перебирание блоков?

Question

[Noder SS]

Есть ли какой то js метод, который перебирает блоки, если они существуют выводят true, или что то ещё . и выбирает один или больше, которые подходят под условие?

Answer 1

[Сергей delphinpro]

Метод querySelectorAll вернёт вам коллекцию элементов.
С помощью метода Array.prototype.filter() вы сможете пробежаться по ней и отфильтровать ненужные

Comments

[Noder SS]

Спасибо, а как именно проверять, и куд записывать условие?

[Noder SS]

Также, после этого нужно выбрать те, которые прошли проверку, есть такая возможность?

[Сергей delphinpro]

Ростик Кальченко,

<div class="item red"></div>
<div class="item green"></div>
<div class="item red"></div>
<div class="item blue"></div>
<div class="item red"></div>

const elements = document.querySelectorAll('.item');
const onlyRed = Array.from(elements).filter(el => el.clasList.contains('red'));

[Noder SS]

Сергей delphinpro, спасибо!

Answer 2

[Сергей Соколов]

есть всякие querySelectorAll.forEach(), методы массива .filter()

Как-то так. Может, кофейку? А то вопрос размыт.

Comments

[Noder SS]

Мне на сайт обязательно нужно добавить фильтры, нужно сканировать все блоки в диве, отбросить лишнее либо выбрать нужное, и потом этому же как то добавить класс, либо выбрать его. Кстати, скорее это и есть .forEach() либо .filter(). Покажите, пожалуйста, на примере