如何检查是否有任何孩子存在jquery

Question

我有一个<div>与几个孩子的里面它一个接着一个被删除，我想检查内部的所有元素何时被删除。

我试着检查if($('#data').html()=="")，但它不工作，可能是因为空白和标签空间。

保持跟踪每一个元素和检查可以完成，但我相信这对于这个简单的任务来说会更糟糕，所以有没有简单的方法来做到这一点？

Answer 1

if($('#data').children().length > 0)在我看来是最好的解决方案 或更短if($('#data').children().length)

API

Answer 2

尝试使用.find('*')，之所以我们在*里面通过它是，.find()不能被调用没有参数，因为.children()做的。但更好的选择将在这方面使用.children()。

if($('#data').find('*').length) { 
    //its empty 
} 

，或者您可以使用:empty选择，

if($('#data').is(':empty')) { 

Answer 3

可以使用children()函数来获取所有子元素 http://api.jquery.com/children/

和检查数组长度

if($('#data').children().length){ 
    //do smth 
} 

Answer 4

if ($('#data').is(':empty')){ 
    //do something 
} 

if($.trim($("selector").html())=='') 

详见：How do I check if an HTML element is empty using jQuery?

Answer 5

使用。儿童（）中的jquery找到孩子存在或不存在

if($('#data').children().length > 0) { 


    } 

Answer 6

如果你所有的孩子都是某种元素，请尝试使用以下内容：。$（“数据”）儿童（）长度== 0

注意，空格和字符不被认为是儿童

您可以检查是否有使用的文本内容： $（“数据” ）.text（）。length == 0

注意：新行也是字符