如何删除没有<a> tag from Multiple div with same classes?</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>

如何删除第二个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();