找到父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;

涉及“查找”和“儿童”的变体非常方便，以防您的起始元素已经为您提供参考。

Answer 2

这应该这样做：

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

Answer 3

没有图书馆

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

Answer 4

纯香草溶液：

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

jsFiddle here.

要注意： querySelectorAll()仅在更新版本的IE中受支持（从 IE8 + 开始）。

Answer 5

您可以使用长度

获取号码

$('#parent div').length

Answer 6

尝试：

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