使用jquery删除没有子级的div

Question

如何使用jquery删除没有孩子的特定div (至少没有不是空格的孩子)。例如。

<div id="outer">
    some content
    <div id="removeme"> 


    </div>
    some more content
</div>

我想用id="removeme“完全删除div。

Answer 1

我的回答是：

$('#outer > div').filter(function (index) { 
    return $(this).children().length < 1; 
}).remove();

上面写着：

• 给我#outer
• 的所有div子节点使用filter去掉所有有子节点的节点
• 删除我们仍然选择的所有

可悲的是，如果div包含文本，这将删除它，而这可能不是原始发帖所希望的。纯文本不能算作子级。

Answer 2

您还可以使用：

$('div:empty').remove()；

http://docs.jquery.com/Selectors/empty

Answer 3

我找不到一个忽略文本节点的选择器，所以这是我能想到的最快/最脏的代码片段。

$("#header").each(function() { 
    if($(this).children().length < 1) 
        $(this).remove() 
});