我试图一次循环一个同级元素,但我无法将进程与一次运行所有匹配元素分开。这必须是动态的,因为项目列表会有所不同,并且大小并不总是相同。示例如下:
<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 调用,而是更喜欢单个调用来处理该任务。任何帮助或想法将不胜感激,我可能会寻找一个简单的解决方案。
最佳答案
使用嵌套循环,每个列表一个,然后循环遍历该列表中的项目。
$(".class ul").each(function() {
var active_count = 0;
$(this).find("li").each(function() {
// do something
});
});
关于javascript - Jquery - 一次循环一个同级元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48349622/