javascript - Jquery - 一次循环一个同级元素

Question

我试图一次循环一个同级元素，但我无法将进程与一次运行所有匹配元素分开。这必须是动态的，因为项目列表会有所不同，并且大小并不总是相同。示例如下:

<div class="class">
  <ul>
    <li class="active"></li>
    <li></li>
    <li></li>
  </ul>
</div>
<div class="class">
  <ul>
    <li class="active"></li>
    <li></li>
    <li></li>
  </ul>
</div>
<div class="class">
  <ul>
    <li class="active"></li>
    <li></li>
    <li></li>
  </ul>
</div>

目标是将每个列表中的事件元素数量限制为 1。但是，当我使用普通的 .each() 循环遍历元素时，它会同时遍历所有列表并限制总数为 1，而不是每个列表 1。到目前为止，代码相当简单，因为我没有解决这个问题的方法。

$('.class').find('li').each(function() {

   // do something

});

我很好奇单独循环每个列表并完成任务的基本任务，而不是一次循环所有列表。我不想为每个可能的列表创建单独的 jQuery 调用，而是更喜欢单个调用来处理该任务。任何帮助或想法将不胜感激，我可能会寻找一个简单的解决方案。

Answer 1

使用嵌套循环，每个列表一个，然后循环遍历该列表中的项目。

$(".class ul").each(function() {
    var active_count = 0;
    $(this).find("li").each(function() {
        // do something
    });
});