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

Question

[jeka-3]

Как отследить если ли внутри класса item вложенный список list, если есть то присвоить класс test к классу item

<ul>
  <li class="item"><span>item 1</span></li>
  <li class="item">
    <span>item 2</span>
    <ul class="list">
      <li>items</li>
      <li>items</li>
      <li>items</li>
      <li>items</li>
      <li>items</li>
    </ul>
  </li>
  <li class="item"><span>item 3</span></li>
  <li class="item"><span>item 4</span></li>
  <li class="item"><span>item 5</span></li>
</ul>

Answer 1

[Дмитрий]

Если есть jQuery, то можно вот так:

$(function () {
	$('.item > .list').parent().addClass('test');
});

Answer 2

[WapSter]

const itemsEl = document.querySelectorAll('.item')

itemsEl.forEach(el => {
  el.querySelector('.list') ? el.classList.add('test') : null
})

Comments

[Евгений]

Пока писал с телефона, выше уже ответ один в один xD пойду свойудалю)))

[WapSter]

Евгений, бывает и с компьютера не успеваешь)

Answer 3

[Stalker_RED]

document.querySelectorAll('.item .list')
  .forEach(subList => 
    subList.closest('.item')
      .classList.add('test')
  )