每个数类

Question

我正在尝试给每个 .scan 一个新的 class 但随着计数的增加

我尝试的是使用 jQuery 中的每个函数，然后使用 $(this) 但 $(this) 将始终只包含 class 名称，因此每个 .scan 都会被更改.

$( ".scan" ).each(function() {
    i = 0;
    $(this).addClass( "count"+i );
    i++;
});

结果是

<div class="scan count0"></div>
<div class="scan count0"></div>

但我想要的是

<div class="scan count0"></div>
<div class="scan count1"></div>

这是Fiddle我目前的状态。

每个 tipp/help 都非常感谢。

Answer 1

即因为 i 是在每个 method.You 内部定义的，所以需要在每个方法之外设置 i 值：

var i = 0;
$( ".scan" ).each(function() {
   $(this).addClass( "count"+i );
  i++;
});

但是您可以使用每个函数的默认参数参数索引来提供增量 class 后缀：

$(".scan").each(function(i){
  $(this).addClass("count" + i);
});

或者使用addClass()方法的回调函数：

$(".scan").addClass(function(i){
  return "count" + i;
});

Counting classes up with each