获取特定 div 中的 div 数量答案

【问题标题】：get the number of div in a particular div获取特定 div 中的 div 数量
【发布时间】：2012-04-09 16:32:48
【问题描述】：

我有id = "main_div" 的main div，在这个父div 中我有class = "time" 的3 个div 那么如何在id = "main_div" 的div 中获得class = "time" 的div 数？

【问题讨论】：

【解决方案1】：

console.log($('#main_div div.time').length)

jQuery 选择器将返回一个包含所有 div 的数组，.length 属性将返回数组中元素的数量。

【讨论】：

它在 javascript 中，但使用 jQuery。查看纯 JavaScript 的 Kooilinc 答案。
那你为什么用jquery标记它？？
@manishjangir — 是 JavaScript。它利用了 jQuery 库（这应该是可以接受的，因为您用它标记了您的问题！）并使用 console.log 进行输出演示。
@manishjangir jQuery 是一个 javascript 库。它使这些事情变得简单，否则您将需要一堆讨厌的 forloops。
@Manishearth — 如果没有库，您不需要 for 循环来解决这个问题。

【解决方案2】：

使用querySelectorAll。它返回一个节点列表。 div#main_div 中 className 为 'time' 的 div 的数量：

var nOftimeDivs = document.querySelectorAll('#main_div .time').length;

【讨论】：

【解决方案3】：

您可以使用 .size() 或长度来获取匹配元素的数量

$("#main_div").find("time").length

【讨论】：

【解决方案4】：

console.log($('#main_div div.time').length)

【讨论】：

【解决方案5】：

试试这个

jquery

$('div#main_div').find('div.time').length

纯javascript

document.getElementById("main_div").getElementsByClassName('time').length

【讨论】：