删除只有一个 的元素使用jQuery的空间

Question

有没有办法删除它

<p> </p>

使用jQuery？

Answer 1

尝试:

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

它的作用是找到所有<p>没有任何内容的s,并将它们从DOM中删除.

请注意,这也将删除<p> <img rel="nofollow noreferrer" src ="..."> </ p> (8认同)
@Greg` return $ .trim($(this).text())===''&& $(this).children().length == 0`将起作用. (4认同)

Answer 2

正如Greg上面提到的那样,测试修剪后的.text()将删除没有文本的段落,但是有一个像<img>标签一样的自包含元素.要避免,请修剪.html()返回.由于文本被视为DOM中的子元素,因此您将被设置.

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

删除只有一个&nbsp;的元素 使用jQuery的空间