jquery - 在多个 ul 和返回值中计算 li

Question

使用 jQuery，我如何遍历每个嵌套的 ul.item，计算 LI 的数量，并在该页面的父级 span.someClass 中返回该大小/长度？

<ul>
  <li><span class="someClass">3</span>
    <ul class="item" style="display:none">
      <li>count me</li>
      <li>count me</li>
      <li>count me</li>
    </ul>
  </li>
  <li><span class="someClass">1</span>
    <ul class="item" style="display:none">
      <li>count me</li>
    </ul>
  </li>
  <li><span class="someClass">2</span>
    <ul class="item" style="display:none">
      <li>count me</li>
      <li>count me</li>
    </ul>
  </li>
</ul>

Answer 1

$("ul.item").each(function() {
    // reusabilty
    var context = $(this);
    // count and populate
    context.prev(".someClass").text(context.children().length);
});

如果这些 span 元素总是紧接在 之前 您的 中，则在 prev() 调用中省略 .someClass >ul 元素。在这种情况下，prev 中的过滤是不必要的，也是多余的。