Remove-p

by Tadashi

HTML

<p>空じゃないよ</p>
<p>空じゃないよ</p>
<p></p>
<p><span></span>
</p>
<p>空じゃないよ</p>
<p></p>
<p><span>  </span>
</p>
<p></p>
<p>空じゃないよ</p>
<p>空じゃないよ</p>

CSS

p {
    margin: 20px 0;
    background: #ededed;
}
span {
    margin: 10px
}

JavaScript

$(function () {
    $('p').filter(function () {
        var text_empty = $.trim($(this).text()) === '';
        var children_empty = $(this).children().length === 0;
        return text_empty && children_empty;
    }).remove();
});