Найти число элементов div в родительском div

Question

Есть ли способ jquery, который позволяет вам найти количество элементов div в родительском узле.

Так что у меня есть это настроить

<div id="parent"> 
    <div id="child1"></div> 
    <div id="child2"></div> 
</div> 

Если я хочу, чтобы найти число дивы под родителю было бы 2

или это

<div id="parent"> 
    <div id="child1"><div id="childer1"></div></div> 
    <div id="child2"></div> 
</div> 

Это должно дать мне 3.

Есть ли какой-либо метод, который сделает это за вас?

Answer 1

Вы можете получить номер с помощью длины

$('#parent div').length 

Answer 2

Это следует сделать это:

var descendant_count = $("#parent div").length; 

Answer 3

Да. Если вы хотите все из них:

var divs = $('#parent').find('div').length; 

или

var divs = $('#parent div').length; 

Если вы просто хотите, чтобы непосредственные дети:

var divs = $('#parent').children('div').length; 

или

var divs = $('#parent > div').length; 

Варианты с участием «найти» и «дети» удобны, если ваш исходный элемент - это то, для чего у вас уже есть ссылка.

Answer 4

Try:

$('#parent').find('div').length; 

Answer 5

Без библиотеки

document.getElementById("parent_div").children.length; 

Answer 6

Чистый раствор ванили:

document.getElementById('parent').querySelectorAll('div').length; 

jsFiddle here.

отметить:querySelectorAll() поддерживается только в более поздних версиях IE (от IE8 +).