javascript - 如何从具有相同类的多个 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>

如何删除第二个div？我有很多像第二个这样的 div，我想在单击按钮时将其删除。

Answer 1

你可以使用not方法:

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

请注意，ID 必须是唯一的。