dragan2011
@dragan2011
Интернет-маркетолог любящий покодить ;)

Как убрать заголовок блока в котором нет элементов?

Здравствуйте! Есть блок в котором расположены карточки и заголовок блока. Сами карточки убираются с помощью фильтра к ним применяется класс hideoffer. Как убрать заголовок блока если в нем нет карточек? Пример кода:

<div class="block">
<h1 class="h1_">заголовок блока</h1>
<div class="offer_">Карточка 1</div>
<div class="offer_">Карточка 2</div>
<div class="offer_">Карточка 3</div>
<div class="offer_">Карточка 4</div>
<div class="offer_">Карточка 5</div>
</div>


.hideoffer{
display: none;
}
  • Вопрос задан
  • 49 просмотров
Пригласить эксперта
Ответы на вопрос 1
HardBot
@HardBot
back-end, front-end developer
document.querySelectorAll('.block').forEach(block => {
     if(!(block.querySelector('.offer_'))) block.removeChild(block.querySelector('.h1_')) 
})
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
29 мар. 2024, в 17:04
5000 руб./за проект
29 мар. 2024, в 17:03
3000 руб./за проект
29 мар. 2024, в 16:58
3000 руб./за проект