javascript - jquery 检查空元素并删除

Question

这个问题已经有答案了:

How to check if content of element is empty and if so, remove that element in jquery (2 个回答)

已关闭 7 年前。

<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 - 检查元素(chrome)以查看最终输出