@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>
  • Вопрос задан
  • 68 просмотров
Решения вопроса 3
dimsog
@dimsog
Переносил код с PHP 4 на 7.4...
Если есть jQuery, то можно вот так:
$(function () {
	$('.item > .list').parent().addClass('test');
});
Ответ написан
wapster92
@wapster92 Куратор тега JavaScript
Сверстаю что-нибудь интересное на халяву
const itemsEl = document.querySelectorAll('.item')

itemsEl.forEach(el => {
  el.querySelector('.list') ? el.classList.add('test') : null
})
Ответ написан
Stalker_RED
@Stalker_RED
document.querySelectorAll('.item .list')
  .forEach(subList => 
    subList.closest('.item')
      .classList.add('test')
  )

Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы