如何在jQuery .each（）的每次迭代之间添加暂停？

Question

我正在获取一个jQuery对象数组，然后通过.each（）修改数组中的每个单独的jquery。在这种情况下，我更新了类名，以触发-webkit-transition-property以利用CSS过渡。我希望在每个CSS转换开始之前先暂停一下。我正在使用以下内容，但是每次更新之间都没有延迟。相反，它们似乎都在一次更新。function positionCards() {  $cards = $('#gameboard .card');  $cards.each(function() {      setTimeout( function(){ addPositioningClass($(this)); }, 500 )  });}function addPositioningClasses($card){  $card    .addClass('position')}我希望setTimeout可以解决此问题，但似乎无法正常工作。有没有办法在每个对象的每个CLASS名称更新之前完成暂停？

Answer 1

不好意思，我想挖一个旧的线程，但是这个技巧可能对类似的问题很有用：

$cards.each(function(index) {

    $(this).delay(500*index).addClass('position');

});