javascript - 如何使用 JQuery 执行嵌套的 for-each 循环以获取特定的 li 元素？

Question

我想做的基本上是遍历ul，它们的组织方式如下

<ul class="some-ul">
    <li class="some-li"></li>
    <li></li>    
    <li></li>
    <li class="some-li"></li>
</ul> 
<ul class="some-ul">
    <li class="some-li"></li>
    <li></li>    
    <li></li>
    <li></li>
</ul> 
<ul class="some-ul">
    <li class="some-li"></li>
    <li class="some-li"></li>    
    <li class="some-li"></li>
    <li class="some-li"></li>
</ul> 

并用 some-li 类的 li 做一些事情，用没有那个类的 li 做一些事情.所以，这相当于

$('ul.some-class li.some-class').each(function() {
   // do something
});

$('ul.some-class li:not(.some-class)').each(function() {
   // do something else
});

除了我想这样做

$('ul.some-class').each(function() {
     // loop through the list elements of this list 
});

但我不知道如何构造那个内循环。这可能吗？如果可以，我应该使用什么工具？

Answer 1

在 .each 中，this 将是迭代的当前元素。然后，您可以使用 $(this).find() 来查找其中的元素:

$('ul.some-ul').each(function(i, ul) {
    $(ul).find("li").each(function(j, li) {
        // Now you can use $(ul) and $(li) to refer to the list and item
        if ($(li).hasClass('some-li')) {
            ...
        }
    });
});