jquery - 使用jquery计算每个容器中div的数量

Question

我试图弄清楚如何计算“bar”容器内的 div 数量，然后将数字添加为一个类。例如，在第一项 class="bar 3"和第二项 class="bar 2"

<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 class="item">
  <div class="foo"></div>
  <div class="bar">
     <div class="slide"></div>
     <div class="slide"></div>
  </div>
</div><!-- /item -->

Answer 1

$('#item').each(function(i, elem){
    var $this = $(this),
        len = $(this).find('.bar').children('div').length;

    $this.addClass('bar ' + len);
});

在写这篇文章时，我意识到您正在使用多个名称为 item 的 ID。这不是有效的 HTML 标记，并且 jQuery 可能只会返回第一次出现的情况。将 ID 替换为类并使用 $('.item')。