找到父div下的div元素数

Question

是否有一个jquery方法,允许您在父节点下找到div元素的数量.

所以说我有这个设置

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

如果我想在父母下面找到div的数量,它将是2

或这个

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

它应该给我3.

有没有办法为你做到这一点？

Answer 1

是.如果你想要所有这些:

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

要么

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

如果你只想要直系孩子:

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

要么

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

涉及"查找"和"儿童"的变体很方便,以防您的起始元素已经为您提供参考.