Как удалить пустые < p > в определенном блоке div?

Question

[abuki919]

Есть следующий код:

<div class="entry-content">
<p>Текст</p>
<p></p>
<p>Текст</p>
<p></p>
</div>

Как удалить пустой блочные элементы <p></p> в контейнере <div class="entry-content"> ?

Не обходимый результат:

<div class="entry-content">
<p>Текст</p>
<p>Текст</p>
</div>

Answer 1

[Антон Усачев]

$('.entry-content').find('p').each(function() {
    if($(this).is(':empty')) {
        $(this).remove();
    }
});

Comments

[poniyur]

а почему сразу не так? (jquery, так jquery)
$('.entry-content p:empty').remove();
я не фронтер, но разве так нельзя?

[Антон Усачев]

poniyur, можно. Просто рабочая привычка, связанная с большинством кейсов, где твой вариант будет недостаточен.

[poniyur]

Антон Усачев, интересная привычка

Answer 2

[Andrew]

https://jsfiddle.net/kickerock/s24mreL1/5/

Answer 3

[drawnofmymind]

var b = [...document.querySelectorAll('.entry-content p')]
b.map((item)=>{
if(item.innerText !== ''){
return document.querySelectorAll('.entry-content p').innerHTML = item.innerText
}else{
item.remove()
}
})