如何刪除div中沒有​​<a>標籤來自具有相同類的多個div？

Question

在這裏我生成多個div，但一些div不包含標籤。我想刪除按鈕點擊事件這樣的div。

<div class='small-4 large-4 columns'> 
     <a class='notifications_star none' href='#' id='rank'></a> 
    </div> 
    <div class='small-4 large-4 columns'> 
    </div> 
    <div class='small-4 large-4 columns'> 
     <a class='notifications_star none' href='#' id='rank'></a> 
    </div> 

如何刪除2nd div？我有許多像第二個div，我想按鈕上點擊刪除它。

Answer 1

您可以使用not方法：

$('div.columns').not(':has(a)').remove(); 

請注意，ID必須是唯一的。

Answer 2

您可以使用複合選擇與:not和:has：

$("div:not(:has(*))").remove(); 

這將刪除不包含內部的任何標記的所有<div>元素。

Answer 3

另一種選擇：

$('div.columns').filter(function(){ 
    return !$(this).find('a').length; 
}).remove();