Как исключить из функции .each элементы с классами указанными в масиве?

Question

[alvanjano]

Здравствуйте. Нужна помошь. Нужен скрипт который будет обрабатывать все элементы (находяшиеся в одном конкретном div-е) кроме элементов с конкретными классами (классы должны быть указанны в масиве)

https://jsfiddle.net/y69z78ud/

Answer 1

[0xD34F]

Где элементы находятся, о каких классах идёт речь:

const container = document.querySelector('div');
const exclude = [ 'class1', 'class2', 'class3' ];

Хватаем все элементы, при переборе проверяем, имеют ли они указанные классы:

for (const n of container.children) {
  n.hidden = !exclude.some(m => n.classList.contains(m));
}

Или, собираем селектор, соответствующий только тем элементам, которые нужны:

container
  .querySelectorAll(`:scope > :not(${exclude.map(n => `.${n}`)})`)
  .forEach(n => n.style.display = 'none');

Comments

[alvanjano]

Возможно и здесь все работает и я не разобрался Но у меня не сработала В любом случае Спасибо

[0xD34F]

alvanjano,

у меня не сработала

Значит, вы скрыли какую-то информацию. Может, пытаетесь выполнить код в IE, который не поддерживает стрелочные функции. Или ещё что. Думайте.

Answer 2

[Андрей Седышев]

jQuery - way:

Comments

[alvanjano]

Спасибо большое

[alvanjano]

А как можно провернуть это дело наоборот. Чтобы скрывались те которые в массиве?

[Андрей Седышев]

alvanjano, замените not() на filter()

api.jquery.com/filter