Задать вопрос
zaza41rus
@zaza41rus
javascript

Если в диве больше 1го элемента то добавить класс к диву?

как дабавить класс к диву если внутри него не один элемент, а больше?
например 
<body>
<div class="full">
 <img src="img.jpeg">
</div>
<div class="full addClass">
 <img src="img1.jpeg">
 <img src="img2.jpeg">
 <img src="img3.jpeg">
</div>
<div class="full">
 <img src="img.jpeg">
</div>
<div class="full addClass">
 <img src="img1.jpeg">
 <img src="img2.jpeg">
 <img src="img3.jpeg">
</div>
<div class="full addClass">
 <img src="img1.jpeg">
 <img src="img2.jpeg">
 <img src="img3.jpeg">
</div>
  • Вопрос задан
  • 89 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 2
0xD34F
@0xD34F Куратор тега JavaScript
Кому надо добавить класс, какой класс, сколько вложенных элементов должно быть:

const selector = 'селектор элементов';
const className = 'класс';
const minChildrenCount = 666;

Добавляем:

for (const n of document.querySelectorAll(selector)) {
  n.classList.toggle(className, n.children.length >= minChildrenCount);
}

// или (нет, так делать точно не надо - для 0 результат будет некорректным)

document
  .querySelectorAll(`${selector} > :nth-child(${minChildrenCount})`)
  .forEach(n => n.parentNode.classList.add(className));
Ответ написан
Комментировать
Комментировать
@molekulyarniy 
document.querySelectorAll('.full').forEach(f => {
  if(f.children.length > 1) {
    f.classList.add('blue')
  }
})
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Бэкэнд-разработчик JavaScript
Wanted. • Москва
от 250 000 до 400 000 ₽
JavaScript Fullstack
OnClass
от 2 000 до 7 000 $
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Требуется дизайнер для разработки дизайна сайта продажи автозапчастей
08 янв. 2025, в 12:01
2000 руб./за проект
Провести платную консультацию с дизайнером сайтов
08 янв. 2025, в 11:51
500 руб./в час
Исправить ошибку после деплоя nodejs
08 янв. 2025, в 11:46
2000 руб./за проект
Ещё заказы