.each .children() 元素延迟

Question

我在 stackoverflow 上构建了这个并删除了答案。我想要达到的目标：

为.element-wrapper 中的每个.element 添加类.visible 延迟1000ms。

$('.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);
});