Есть несколько блоков класса pinRow
В этих блоках всегда есть текст в первом абзаце. Но, в зависимости от фильтрации, не всегда есть информация во втором.
Задача: скрыть блоки, в которых нет текста во втором абзаце.
Нужно писать на JS без jQuery, вот скрипт который написал :
document.getElementsByClassName("pinRow").forEach(function() {
if (document.getElementsByClassName("display")[0].textContent == "") {
document.getElementsByClassName("pinRow")[0].style.display = "none";
}
});
<div class="pinInfo">
<div class="pinRow">
<p><b>Представительство</b>:</p>
<p class="display">Представительство</p>
</div>
<div class="pinRow">
<p><b>Адрес</b>:</p>
<p class="display">Адрес</p>
</div>
<div class="pinRow">
<p><b>Должность</b>:</p>
<p class="display"></p>
</div>
<div class="pinRow">
<p><b>Телефон</b>:</p>
<p class="display">Телефон</p>
</div>
</div>
Моя крякозябра не работает, посоветуйте плз как можно это сделать