javascript - 查找父div下的div元素的数量

标签 javascript jquery css

有没有一个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。

有什么方法可以为您做到这一点吗?

最佳答案

是的。如果您想要全部:

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

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

如果您只想要直系 child :

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

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

如果您的起始元素是您已经获得引用的内容,则涉及“查找”和“子级”的变体非常方便。

关于javascript - 查找父div下的div元素的数量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17331989/

相关文章:

javascript - 将具有换行符的文本与另一个字符串匹配

javascript - 非 jQuery 相当于 :visible in JavaScript?

javascript - 超时后 jQuery 动画到底部功能

javascript - 在突出显示文本时,突出显示接收边框半径

html - 在使用未排序列表的梯形 div 中居中文本

javascript - 对通过 Ajax 加载但未在源代码中打印的 html 运行 Javascript 或 Jquery

javascript - 如何创建一个输出 'x' 个类的各种实例的函数?

javascript - 调试 CSS(可能是 JavaScript 或 JQuery)问题

javascript - fetchAPI 的 header 对象始终为空

javascript - 滚动时如何在 div 中固定 html 表头?