.each .children（）元素有延迟

Question

我构建了这个在stackoverflow上的答案。我想要实现的目标：

对.element中的每个.element-wrapper添加延迟 1000毫秒的课程.visible。

$('.element-wrapper').children('.element').each(function(i) {
  var $item = $(this);
  setTimeout(function() {
    $('.element').addClass('visible');
  }, 1000 * i);
});

Answer 1

实际上你几乎是对的......只需更改下面的一行，使其对当前包装器的上下文敏感：

$('.element-wrapper').children('.element').each(function(i) {
  var $item = $(this);
  setTimeout(function() {
    $item.addClass('visible');  // Change this line.
  }, 1000 * i);
});