Jquery动画不在for循环中工作

Question

我希望列表中的数字设置为动画，以便在按钮处于点击状态时显示该持续时间的不同数字。但似乎jquery动画在它内部不起作用。

$("button").on("click",function(){

 for(var i=0; i < 2; i++ ){

  $({value: $(".number").eq(i).text()}).animate({value: data1[i]},{
       duration: 500,
       easing: 'swing',
       step: function(){
         $(".number").eq(i).text(parseInt(this.value));
       }
     });
  }

});

This is my code example.

Answer 1

一旦循环完成i为3，动画回调中i的所有用法都将是错误的值。