Как скрыть блок, внутри которого находится блок с определённым классом?

Question

[Os Letnik]

Есть вот такая конструкция:

<div class="item">
	<div>
		<div>

		</div>
	</div>
</div>
<div class="item">
	<div>
		<div class="hidden">

		</div>
	</div>
</div>

Нужно скрыть блок .item в котором находится блок .hidden.

Answer 1

[0xD34F]

document.querySelectorAll('.item .hidden').forEach(n => {
  n.closest('.item').style.display = 'none';
});

или

for (const n of document.getElementsByClassName('item')) {
  if (n.querySelector('.hidden')) {
    n.style.display = 'none';
  }
}

UPD. Наконец-то дождались, теперь js тут использовать необязательно:

.item:has(.hidden) {
  display: none;
}

Comments

[Os Letnik]

Спасибо за правку и за ответ)