类的Fadein循环

Question

我正在尝试在javascript中遍历类的每个元素，并在暂停一定的秒数后显示它。我有逻辑，但因为jQuery正在调用类，而不是this的唯一实例，它会同时显示所有内容：

jQuery( document ).ready(function ($) {
    $( ".fadein" ).hide();

    $( ".fadein" ).each(function (index) {
      $( "." + this.className ).delay(index * 800).fadeIn( "slow" );
    });
});

Answer 1

每个循环都已设计为一次一个地传递元素。目标元素作为'this'传递，因此只需淡入'循环'中的当前元素，而不是每次都取出所有元素。

// Replace this
$( "." + this.className ).delay(index * 800).fadeIn( "slow" );
// with this
$( this ).delay(index * 800).fadeIn( "slow" );

// result:
$( ".fadein" ).each(function (index) {
    $( this ).delay(index * 800).fadeIn( "slow" );
});