jquery检查空元素并删除

Question

<p>1</p> 
<p>2</p> 
<p></p> 
<p>1</p> 
<p></p> 

如何删除不包含任何内容的元素？

Answer 1

使用.filter()和.remove()功能，像这样：

$('p').filter(function(){ 
    return ($(this).text() == "") 
}).remove(); 

或者使用.each()：

$('p').each(function (i, e) { 
if ($(e).text() === "") $(e).remove(); 
}); 

更多更好地利用:empty选择：

$('p:empty').remove(); 

DEMO - 检查元件（铬），以查看最终输出

Answer 2

试着做这样的：

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