删除具有class属性和contenteditable值集的空div

Question

我正在使用jQuery代码在点击时从我的HTML中删除空div，以便可以保存HTML数据：

$("div:empty").remove();

这无法删除以下div：

<div class="row" contenteditable="true">
</div>

我认为这可以说是空的。关于如何克服这个问题的任何想法？

Answer 1

该div包含空格，jQuery认为它是“text”，因此不会被选为空。

此标记与空选择器匹配：

<div class="row" contenteditable="true"></div>

Answer 2

试试这个，下面的代码片段将返回带有不必要的空格的div元素。

$("div").filter(function(){   
    return $(this).text().trim() == ""
}).remove();

DEMO