javascript - jQuery 如果 div 没有任何类或 div

Question

有一个重复的<div class="content" data-num="2"></div> (如果点击按钮更多次会更多)其中没有任何内容。如何检查 content里面什么都没有，然后把它去掉？

if($('.content').children().length == 0)

或者需要使用each像什么？

 $('.content').each(function(i, obj){
     if($('.content').children().length == 0){
        $(this).remove();
     }
});

Answer 1

您可以使用 :empty jQuery 选择器，它将选择所有没有子元素的元素。参见 http://api.jquery.com/empty-selector/了解详情。

使用 :empty 将避免在您的循环中进行额外的 if 检查 - 您的删除功能仅对要删除的项目进行操作......效率更高。

所以类似于:

$('.content:empty').each(function() {
    //Do your delete, etc here :)
    $(this).remove();
});

正如 jfriend00 所建议的，仅进行删除的进一步简化是:

$('.content:empty').remove();

有很多不同的方法来解决它。