ループされた要素をJqueryで1つずつ表示する

Question

どのようにjquery each（）を使用してループした要素を1つずつ表示することができますか？

function text_animate(){ 


    var get_text=$("#animated_text_falling h1").text(); 
    var words =get_text.split(" "); 
    $("#animated_text_falling h1").remove("h1"); 
    var wordCount = 0; 
     $.each(words, function(key, value) { 



    var $word= $('<div id= word_' + key + '>' + value + '</div>').appendTo('#animated_text_falling').show(); 

    //here somhow to show $('<div id= word_' + key + '>' + value + '</div>') with delay 

    wordCount++; 
    }); 

} 

Answer 1

.delay（）を使用してみ

function text_animate(){ 


    var get_text=$("#animated_text_falling h1").text(); 
    var words =get_text.split(" "); 
    $("#animated_text_falling h1").remove("h1"); 
    var wordCount = 0; 
    var delayCount = 0; 
     $.each(words, function(key, value) { 

delayCount = delayCount + 1000; 

    var $word= $('<div id= word_' + key + '>' + value + '</div>').appendTo('#animated_text_falling').delay(delayCount).show(); 

    //here somhow to show $('<div id= word_' + key + '>' + value + '</div>') with delay 

    wordCount++; 
    }); 

}