如何使用jquery刪除至少有一個孩子的所有div？

Question

我想刪除所有使用jquery至少有一個孩子的div。所以對於這個例子，我需要刪除包含'hello'和'world'段落的div。任何人都可以幫忙嗎？

<div style="background:#FF0000;height:200px;width:200px;"> 
<p> Hello </p> 
</div> 
<div style="background:#00FF00;height:200px;width:200px; "> 
</div> 
<div style="background:#0000FF;height:200px;width:200px;"> 
</div> 
<div style="background:#AAAA3A;height:200px;width:200px;"> 
<p>World </p> 
</div> 

Answer 1

嘗試:has選擇

$('div:has(*)').remove(); 

http://jsfiddle.net/9GdmN/

Answer 2

$('div').each(function() { 
    if ($(this).children().length > 0) $(this).remove(); 
}); 

jsFiddle example