计算jquery中每个容器的div数

Question

如何计算每组中"幻灯片"类的div数.在下面的示例中,第一组"item"将向上和向上三个,第二组将有两个.我一直在尝试使用.length但是它添加了所有的"幻灯片"div.

<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 -->

Answer 1

这将让你的计数组成的数组.slide中的每个div的.item使用.map:

var counts = $(".item").map(function() {
    return $(this).find(".slide").length;
}).get();

在这里试试吧.在您的标记中,第二个"item"div具有ID"item"而不是类名.我为演示更改了它.或者,您可以使用选择器.bar而不是.item上面的解决方案,结果仍然是相同的.