Javascript 删除设置了class属性和contenteditable值的空div

Javascript 删除设置了class属性和contenteditable值的空div,javascript,jquery,css,Javascript,Jquery,Css,我使用jQuery代码在单击时从HTML中删除空div,以便保存HTML数据: $("div:empty").remove(); 这无法删除以下div: <div class="row" contenteditable="true"> </div> 我想这应该算是空的。关于如何克服这个问题有什么想法吗?div包含空格,jQuery将其视为“文本”,因此不会选择为空 此标记与空选择器不匹配: <div class="row" contenteditable="

我使用jQuery代码在单击时从HTML中删除空div,以便保存HTML数据:

$("div:empty").remove();
这无法删除以下div:

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


我想这应该算是空的。关于如何克服这个问题有什么想法吗?

div包含空格,jQuery将其视为“文本”,因此不会选择为空

此标记与空选择器不匹配:

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

试试看,下面的代码片段将返回div元素,其中还包含不必要的空格

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

我可以删除空白吗?看看@Rajaprabhu的答案:-)我不明白你为什么需要修剪,你显然需要,但为什么文本不等于
”?我以为这是可行的,但它删除了这个div,这是我没想到的:@Jay尝试一下如果这对你有效,请回复我,我会在我的原始答案中更新它。