jQuery eq()循环

Question

你能帮我做这个吗？

$(document).ready(function(){
     $("ul.fam:eq(0) li:eq(2)").addClass("redbold");    
});

在这段代码中，有没有一种方法可以循环或递增-> $中的'0‘值(“ul.fam:eq(0)？就像使它变成0,1,2,3,4,5等等……并在它达到'3’时停止循环。

谢谢。

Answer 1

您可以使用:lt() (小于索引)选择器，如下所示：

$(document).ready(function(){
  $("ul.fam:lt(4) > li:nth-child(3)").addClass("redbold");    
});

You can test it out here。

这与通过:eq(3)选择:eq(0)相同。还有一个:gt()选择器，用于另一种方式，around...you可以组合两者或.slice()来获得一个范围。

Answer 2

循环有时是必要的，但伙伴Nick Craver可能有更简单的答案。不管怎么说，这就是你要的。

$(function(){
    for(i=0;i<=2;i++){
     $("ul.fam:eq("+i+") li:eq(2)").addClass("redbold");    
    }
});