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

Question

[Stacy None]

К примеру, есть такой блок:

<div class="card" id="card1">
  <div class="item">тут блок</div>
  <div class="item">тут блок</div>
  <div class="item">тут блок</div>
  <div class="item">тут блок</div>
</div>
<div class="navigation" id="nav">тут навигация</div>

Нужно скрыть div с навигацией в том случае, если в блоке card нет div с классом item.

Answer 1

[Stockholm Syndrome]

if (!$('.card').find('div.item').length) {
  $('.navigation').hide();
}

Answer 2

[0xD34F]

Как проверить наличие элементов:

const card = document.querySelector('.card');
const itemsExists = () => !!card.querySelector('.item');

Кому надо изменить видимость:

const nav = document.querySelector('.navigation');

// или, если слова про соседа являются правдой

const nav = card.nextElementSibling;

Скрываем/показываем:

nav.hidden = !itemsExists();

// или

nav.style.display = itemsExists() ? 'block' : 'none';

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

.card:not(:has(.item)) + .navigation {
  display: none;
}