如何使用 jQuery 计算 div 的子元素答案

【问题标题】：How to count child elements of a div using jQuery如何使用 jQuery 计算 div 的子元素
【发布时间】：2016-05-26 10:53:18
【问题描述】：

我需要用 jQuery 计算 <div> 中的子元素：

<div id="home">
   <div>..</div>
   <div></div>
</div>

我试过的jQuery代码是：

console.log($('#home').length);

但它会打印 0。
谁能帮帮我？

【问题讨论】：

有 87% 的机会在 DOM 准备好之前调用脚本。
@pawel 不错的统计数据！哈哈
您想按 id 计算元素吗？但是您知道 id 必须是整个文档的唯一值吗？
我用 id 计算 div 中的元素！
@Picco，不，你不知道，要计算孩子使用$('#home').children().length 或$('#home div').length jsfiddle.net/34gfLodo

【解决方案1】：

DOM 加载完成后，试试这段代码。

    $('#home').children().length;

【讨论】：

【解决方案2】：

使用* 计算#home 中的所有元素，如下所示。

$('#home *').length

如果您只想计算直接子代，请使用直接子代选择器>。

$('#home > *').length

【讨论】：

【解决方案3】：

您是否要计算div 中的#home？

如果是这样，试试这个：

$(document).ready(function() {
    console.log($('#home div').length);
});

【讨论】：

【解决方案4】：

$( document ).ready(function() {
    var divLength = $('#home').children().length;
    console.log(divLength);
});

【讨论】：

【解决方案5】：

尝试将您的代码包装在文档就绪函数中，

$( document ).ready(function() {
    console.log($('#home').length);
});

【讨论】：