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

Question

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

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

我尝试过的jQuery代码是：

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

但它打印0 有人可以帮帮我吗？

Answer 1

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

Answer 2

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

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

Answer 3

您是否想要计算div内的#home？

如果是这样，试试这个：

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

Answer 4

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

$('#home *').length

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

$('#home > *').length

Answer 5

完成DOM加载后，请尝试此代码。

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