Javascript 使用jQuery.each()的增量数字
我如何递增到一个特定的数字(3),然后让它复位,循环回到第一个数字。第一个数字应该从1开始(不是0)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兼容,也可
我试过使用:
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);
});