如何使用 jQuery 删除空的 p 标签？

Question

我正在构建网站的平台在所见即所得模式下生成空的 p 标签。我怎样才能把这些取出来？

像这样的东西，也许...

$("

").remove();

尽管上面的代码什么也没做。

Answer 1

答案取决于“空”的含义。如果空段落是

那么 fireeyedboy 的 p:empty 选择器就是正确的选择。如果可能有空格或换行符或其他类似的东西，那么您可能需要这样的东西：

$('p').each(function() {
    const $this = $(this);
    if($this.html().replace(/\s| /g, '').length === 0)
        $this.remove();
});

示例： http: //jsfiddle.net/ambiguously/7L4WZ/

FCKEditor（不确定 CKEditor 或 TinyMCE）喜欢将

 

添加到 HTML，因此你可能需要上面有点丑陋的方法。

Answer 2

尝试：

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

Answer 3

你可以尝试这个...

$([selector]).is(":empty")   

如果选择器为空它将返回true..工作演示

Answer 4

我参加聚会有点晚了，但我最近发现了这个帖子，因为我也在寻求解决这个问题。

我在这里想出了一个 Vanilla JS 解决方案，它对我有用：

var p = document.querySelectorAll('p:empty');
for(var i = p.length - 1; i > -1; i-- ) {
    p[i].parentNode.removeChild(p[i]);
}

它基本上（完全）按照 fireeyedboy 的建议进行，但没有 jQuery。

它的性能似乎也比 jQuery 更好：
http://jsperf.com/remove-empty-elements-javascript-vs-jquery

希望这有帮助！

Answer 5

如果有人需要这个 WP 网站，请使用这些：

jQuery('p').each(function() {
        var $this = jQuery(this);
        if($this.html().replace(/\s| /g, '').length == 0)
            $this.remove();
    });

Answer 6

谢谢“mu太短”，

我已经尝试过你的代码它可以工作，但我需要将它包装在 jQuery(document).ready(function() {});

完整的代码对我有用是：

jQuery(document).ready(function() {
    jQuery('p').each(function() {
        var $this = jQuery(this);
        if($this.html().replace(/\s| /g, '').length == 0) {
            $this.remove();
        }
    });
});

我不知道为什么会发生这种情况，我的 jQuery/JS 不太好，我正在学习它；）。

希望这可以帮助像我这样的人。

谢谢。

Answer 7

/* Remove empty paragraphs with   */
jQuery('p').each(function(){
    if( jQuery(this).html() == ' ' )
        jQuery(this).remove();
})