2

是否有一个 jquery 方法可以让您找到父节点下的 div 元素的数量。

所以说我有这个设置

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

如果我想在 parent 下找到 div 的数量，它将是 2

或这个

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

它应该给我3。

有没有什么方法可以为你做到这一点？

4

6 回答 6

7

是的。如果你想要所有这些：

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

或者

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

如果您只想要直系子女：

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

或者

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

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

于 2013-06-26T23:16:19.490 回答
3

这应该这样做：

var descendant_count = $("#parent div").length;
于 2013-06-26T23:15:46.963 回答
1

没有图书馆

document.getElementById("parent_div").children.length;
于 2013-06-26T23:16:46.167 回答
1

纯香草溶液：

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

jsFiddle在这里。

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

于 2013-06-26T23:20:24.273 回答
0

尝试：

$('#parent').find('div').length;
于 2013-06-26T23:16:43.337 回答
0

您可以使用长度获取数字

$('#parent div').length
于 2013-06-26T23:15:39.817 回答