用每个计算课程

Question

我试图给每个.scan一个新的课程,但随着计数的增加

我试过的是使用jQuery中的每个函数然后使用$(this)但是$(this)将始终仅包含类名,因此每个.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>

这是我当前状态的小提琴.

每个tipp /帮助都非常感谢.

Answer 1

即因为我是在每个方法中定义的.你需要在每个方法之外设置i值:

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

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

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

使用.each进行演示

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

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

使用.addClass进行演示