Как при проверке на наличие дочерних элементов родителям добавлять классы?

Question

[Kardamon90]

Нужно проверять на наличие дочернего списка ul внутри элемента li другого списка. И если есть - добавить родителю класс _arrow. Прописал такую проверку, но условие срабатывает только на первом элементе, а при добавлении списка в другие - ничего не происходит. Подскажите как можно исправить?

let li = document.querySelector('.catalog__list>li');
	let sublist = document.querySelector('.catalog__sub-list');
	if (li.contains(sublist)) {
		li.classList.add('_arrow')
	}

Answer 1

[Сергей delphinpro]

но условие срабатывает только на первом элементе,

ну так вам все элементы обходить нужно, а не только первый.

let items = document.querySelectorAll('.catalog__list>li');
items.forEach(item => {
  let sublist = item.querySelector('.catalog__sub-list');
  if (sublist) {
    item.classList.add('_arrow')
  }
});

Comments

[Kardamon90]

Точно, совсем забыл про querySelectorAll, благодарю