javascript - jQuery addClass 从最后一个子级开始循环

Question

每件事只要每 500 毫秒就会向行中的下一个 blockWrap 元素添加一个类。

但我想要它做的是从最后一个“blockWrap”元素开始，添加类，然后向上工作。我怎样才能实现这个目标？

这是我的 HTML:

<div class="blockWrap">
    <div class="blockImg">
      <img src="img/download.jpg">
    </div>
  </div>
  <div class="blockWrap">
    <div class="blockImg">
      <img src="img/download.jpg">
    </div>
  </div>
  <div class="blockWrap">
    <div class="blockImg">
      <img src="img/download.jpg">
    </div>
  </div>

这是我的 jQuery 循环:

$(document).ready(function(){
  $(function () {
    var block = $('.blockWrap');
    (function _loop(wrap) {
      block.eq(wrap).addClass('slideIn');
      setTimeout(function () {
        _loop((wrap + 1) % block.length);
      }, 500);
    }(0));
  });
});

感谢您的帮助。

Answer 1

使用下面的代码。传递 block.length 作为参数并扣除值 -1 。它将从下到上添加类

$(function () {
var block = $('.blockWrap');
 (function _loop(wrap) {
  block.eq(wrap).addClass('slideIn');
    setTimeout(function () {
       _loop((wrap - 1) % block.length);
    }, 500);
   }(block.length));
});