在$ .each中使用append显示整个数组

Question

好的，所以我有一个字符数组，我希望它们一次显示一个。这是我正在尝试使用的代码：

$.each(characterarray, function( index, value ){
   $("div").fadeOut(300).delay( 10 ).append( value ).fadeIn(300);
});

所以不要淡出，等待，追加其中一个数组，然后淡入。

它会：淡出，等待，附加所有数组，然后淡入。

当我使用

时

alert( value );

并且它会为每个字母应用一个警报，但是当我尝试追加它时，它会立即显示所有数组。

Answer 1

循环立即结束，你必须增加延迟

$.each(characterarray, function( index, value ){
     $("div").delay(index*1000).fadeOut(300, function() {
        $(this).append( value ).delay(10).fadeIn(300);
     });
});

FIDDLE