多个UL，每个内部计数li

Question

我有一个约31页

<ul class="sortableList">
<li>Jargon</li>
</ul>

我正在尝试循环每个sortableList并计算ul中的li数量。

到目前为止我已经

了

    _.each($('.sortableList'), function(info, key) {
      console.log($(this).length);
    });

然而，在控制台中，我得到31 x 0.不计算每个列表中的li。

Answer 1

您需要计算<ul>元素的 children ，而不是元素本身。此外，这里不需要underscore.js。

$('.sortableList').each(function(){
    console.log($(this).children('li').length);
});

Answer 2

为什么强调each。使用$.each：

更自然

$('.sortableList').each(function() {
    console.log($(this).find('li').length);
});

或者如果您只需要直接后代li的计数：

$('.sortableList').each(function() {
    console.log(this.children.length);
});