Html 在div中计算div

我已经尝试了这个页面上的解决方案来计算父类div中的div。但不幸的是，我的结果总是显示现有子类div的总数。 由于示例如下所示，两个跨度标记都将输出7

为了更好地理解，这是html代码：缺少什么我绝对是新手。 thnx

检查这把小提琴：

问题是你的每一个，以及

$'.detail'.children'.box'.length

这将选择容器中的所有.detail元素以及带有.box的所有子元素。总共是7个。 您应该使用each和take count来查看.box子项的.detail并修改相应的countDiv。

检查此小提琴：

问题是你的每一个，以及

$'.detail'.children'.box'.length

这将选择容器中的所有.detail元素以及带有.box的所有子元素。总共是7个。

---

您应该使用each和take count检查.box子项的.detail并修改相应的countDiv。

我不知道您为什么要尝试使用相同的类名计算div。当您使用$'.detail'时，它将获取页面中具有类名detail的所有元素，因此您无法通过这种方式将具有相同名称的特定div与其他div一起计数

$('#content-body').each(function() { 
      var n = $('.detail').children('.box').length;
      $(".countDiv").text("There are " + n + " divs inside parent box detail.");
});

我认为可能是：

$('#content-body .detail').each(function() { 
      var n = $(this).children('.box').length;
      $(this).append("<div>There are " + n + " divs inside parent box detail.</div>");
});

---

如果你想计算特定的div，你应该提供不同的类名。

我不知道你为什么要用相同的类名计算div。当您使用$'.detail'时，它将获取页面中具有类名detail的所有元素，因此您无法通过这种方式将具有相同名称的特定div与其他div一起计数

$('#content-body').each(function() { 
      var n = $('.detail').children('.box').length;
      $(".countDiv").text("There are " + n + " divs inside parent box detail.");
});

我认为可能是：

$('#content-body .detail').each(function() { 
      var n = $(this).children('.box').length;
      $(this).append("<div>There are " + n + " divs inside parent box detail.</div>");
});

---

如果你想计算具体的div，你应该提供不同的类名。

它的工作原理。。。那么真正缺少的是这美元？非常感谢。用于访问$'content-body.detail'和$this的每个元素的每个方法用于获取我们正在访问的一个元素。它正在工作。。。那么真正缺少的是这美元？非常感谢。用于访问$'content-body.detail'和$this的每个元素的每个方法用于获取我们正在访问的一个元素。