Javascript 使用jQuery.each()的增量数字

Javascript 使用jQuery.each()的增量数字,javascript,jquery,each,Javascript,Jquery,Each,我如何递增到一个特定的数字(3),然后让它复位,循环回到第一个数字。第一个数字应该从1开始(不是0) 我试过使用:I=1;i如果要设置类ab-price1、ab-price2、ab-price3、ab-price1、ab-price2等,则可以执行以下操作: $(".std-price .local-pricing").each(function(i) { $(this).addClass("ab-price" + (1+(i%3))); }); 这使用了 如果不需要与IE8兼容,也可

我如何递增到一个特定的数字(3),然后让它复位,循环回到第一个数字。第一个数字应该从1开始(不是0)


我试过使用:
I=1;i如果要设置类
ab-price1、ab-price2、ab-price3、ab-price1、ab-price2等,则可以执行以下操作:

$(".std-price .local-pricing").each(function(i) {
    $(this).addClass("ab-price" + (1+(i%3)));
});
这使用了


如果不需要与IE8兼容,也可以使用纯CSS解决此问题。

如果要设置类
ab-price1、ab-price2、ab-price3、ab-price1、ab-price2等,则可以执行以下操作:

$(".std-price .local-pricing").each(function(i) {
    $(this).addClass("ab-price" + (1+(i%3)));
});
这使用了

如果您不需要与IE8兼容,也可以使用纯CSS解决此问题。

您可以使用:

另外,相当多的jQuery函数都会回调(例如,
addClass
width
attr
prop
),因此通常可以去掉
每个

,您可以使用:


另外,相当多的jQuery函数都会回调(例如,
addClass
width
attr
、和
prop
),因此通常可以去掉
每个

你只是在寻找i%3吗?如果你需要动态的#,你也可以用
$(“.std price.local pricing”)代替3.length | 0
。或者在函数顶部使用
if(i==0){i=1}
代替mod。@dystroy-是的,正是我想要的。是否有一些文档可以链接到?谢谢@MikelWard有。你只是在找i%3吗?如果你需要#是动态的,你也可以用
$(“.std price.local pricing”).length | 0
代替3。或者在函数顶部使用
if(i==0){i=1}
代替mod。@dystroy-是的,正是我想要的。是否有一些文档可以链接到?谢谢@米克尔沃德,这里有。
$(".std-price .local-pricing").addClass(function(i) {
    return "ab-price" + (i % 3 + 1);
});