Как удалить элемент массива по классу?

Question

[justice11696]

Добрый день. Начал изучать js, не могу понять как мне обратиться к массиву по классу элемента и вообще правильно ли я это делаю. Например у меня стоит такая задача, есть верстка:

<div class="wrap">
     <div class="block red"></div>
     <div class="block red"></div>
     <div class="block red"></div>
     <div class="block"></div>
     <div class="block"></div>
</div>

Я хочу их все собрать в массив. Делаю это вот таким образом к примеру:

let viewBloks = document.querySelectorAll('.block');

Теперь я хочу удалить из массива все элементы имеющие класс ".red". Для этого я решаю перебрать массив с помощью forEach viewBloks.forEach(function (elem) {...}

И вот тут проблема - я не знаю как мне обратиться именно к .red и вообще как правильно: 1) удалять из текущего массива или 2) создать новый. Везде в учебниках обращение по индексу к элементам массивов. Может я что то делаю не так? Заранее спасибо.

Answer 1

[Tim]

Можно сделать выборку сразу без класса red
document.querySelectorAll('.block:not(.red)')

Циклом перебирать примерно так

document.querySelectorAll('.block').forEach( item => {
     console.log(item.classList.contains('red'))
})

Comments

[justice11696]

Спасибо!