javascript - 将 'li'一一翻译

Question

我想水平移动 li 元素，但不像我的代码那样同时移动所有元素。 我怎样才能做到这一点？

我的代码:

$('button').click(function(){
    setTimeout(function(){
      $('li').css('transform', 'translateX(100px)');
    }, 1000)
})

参见jsfiddle

Answer 1

您可以使用each函数在使用 eq() 之后传递一个附加参数 i函数查找当前索引然后将其向左移动

代码:

$('button').click(function(){
  $('li').each(function(i){
    setTimeout(function(){
      $('li').eq(i).css('transform', 'translateX(100px)');
    }, 1000*i)
  })
})

更新:JSFIDDLE