计算jquery中每个容器的div数

计算jquery中每个容器的div数,jquery,Jquery,如何计算每套中“幻灯片”类别的div数。在下面的示例中,第一组“项目”将增加三个,第二组将增加两个。我一直在尝试使用.length,但它将所有的“幻灯片”分割都加起来 <div class="item"> <div class="foo"></div> <div class="bar"> <div class="slide"></div> <div class="slide"><

如何计算每套中“幻灯片”类别的div数。在下面的示例中,第一组“项目”将增加三个,第二组将增加两个。我一直在尝试使用.length,但它将所有的“幻灯片”分割都加起来

<div class="item">
  <div class="foo"></div>
  <div class="bar">
     <div class="slide"></div>
     <div class="slide"></div>
     <div class="slide"></div>
  </div>
</div><!-- /item -->

<div id="item">
  <div class="foo"></div>
  <div class="bar">
     <div class="slide"></div>
     <div class="slide"></div>
  </div>
</div><!-- /item -->

这将获得每个
项目中
div的计数数组,使用:


。在标记中,第二个“item”div的ID为“item”,而不是类名。我为演示换了它。或者,您可以在上述解决方案中使用选择器
.bar
而不是
.item
,结果仍然相同。

是否有一种方法可以将数字添加到类似.bar的类class=“bar 3”和class=“bar 2”中,而不是数组
var counts = $(".item").map(function() {
    return $(this).find(".slide").length;
}).get();