Как задать определенный класс родителю, если внутри два больше одного блока с определенным классом?
Как задать определенный класс родителю, если внутри него меньше одного блока с определенным классом
Например, если внутри родителя div class="main-block" есть два блока <div class="child"> - класс не задается. Если один - задаем класс выбранному родителю.
.add-class {
background: green;
}<div class="main-block">
<div class="child">Ребенок</div>
</div>Ответы (1 шт):
Автор решения: Igor
→ Ссылка
document.querySelectorAll(".main-block").forEach(parent => {
if (parent.querySelectorAll(".child").length <= 1) {
parent.classList.add("add-class");
}
});.main-block {
border: 1px solid black;
}
.add-class {
background: green;
}<div class="main-block">
<div class="child">Ребенок</div>
</div>
<div class="main-block">
<div class="child">Ребенок</div>
<div class="child">Ребенок</div>
</div>
<div class="main-block">
No Children
</div>