jQuery count li-element并相互比较。未排序列表中的未排序列表

Question

我有这样的事情：

<ul>
  <li>
    <ul class="horizontal">
      <li>something</li>
      <li>something</li>
    </ul>
  </li>
  <li>
    <ul class="horizontal">
      <li>something</li>
      <li>something</li>
      <li>something</li>
    </ul>
  </li>
<ul>

要算我使用：

var CountLength = $('.horizontal li').length;

返回 5 ，但这是所有ul.horizo​​ntal元素的总和。我想知道的是如何计算最大的ul元素。

Answer 1

您可以迭代.horizontal元素集，并将每个元素的数量与当前最长的元素进行比较：

var longest = 0;
$(".horizontal").each(function() {
    var thisLength = $(this).children().length;
    if(thisLength > longest) {
        longest = thisLength;  
    }
});

这是working example。