查找父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

可以使用长度

$('#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; 

如果您的起始元素是您已经获得参考的东西，那么涉及“find”和“children”的变体很方便。

Answer 4

尝试：

$('#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 +）。