Как считать дочерние элементы DIV с помощью JQuery

Question

мне нужно считать ребенка элементов в <div> с JQuery:

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

код JQuery Я попытался это:

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

Но он печатает 0.
Кто-нибудь может мне помочь?

Answer 1

Вы пытаетесь сосчитать div «S внутри #home?

Если это так, попробуйте это:

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

Answer 2

Попробуйте оборачивать код в документе готовой функции,

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

Answer 3

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

Answer 4

Использование * для подсчета всех элементов в #home как следующее.

$('#home *').length 

Если вы хотите, чтобы рассчитывать только прямой ребенок Селектор использования прямого ребенка >.

$('#home > *').length 

Answer 5

После завершения загрузки DOM попробуйте этот код.

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