jquery - 使用 jQuery 计算 div 内的 div 数量

Question

我有以下输出:

<section class="group">
  <div class="header">Header 1</div>
      <div class="item">item1</div>
      <div class="item">item2</div>
      <div class="item">item3</div>
  </div>    
</section>

<section class="group">
  <div class="header">Header 2</div>
      <div class="item">item1</div>
      <div class="item">item2</div>
      <div class="item">item3</div>
      <div class="item">item4</div>
      <div class="item">item5</div>
    </div>   
</section>

我想用jQuery来告诉我有多少.item元素位于每个 <section> 中。目前正在尝试此操作，但它没有给我正确的数字:

$('section.group').each(
  function() {
    alert($(this).length);
  }
);

Answer 1

尝试:

$('section.group').each(
  function() {
    alert($('.item', $(this)).length);
  }
);

[Working Example]

或者

$('section.group').each(
  function() {
    alert(($(this).find('.item')).length);
  }
);

[Working Example]

<小时/>

您正在迭代各个部分，但缺少对 item 类的元素进行计数:)

<小时/>

有用的链接:

• jQuery Context
• jQuery find() method