javascript - jQuery每个追加和淡入一个接一个

我在数组上有一个each函数，我想为每个数组行创建一个div并依次淡入。优选地，它们如何在阵列中排序。目前，我设法一次全部淡入，但我希望按顺序进行。这是我的代码:

$.each(data, function(key, val) {
    var generatedDiv = $(document.createElement('div'));

    generatedDiv.attr('id',"div-"+val.id);
    generatedDiv.css({//somecssproperties});
    $('#results').append(generatedDiv);
    generatedDiv.fadeIn("fast");
});

有任何想法吗？

谢谢。

最佳答案

试试这个代码

var t = 100;
$.each(data, function(key, val) {
    var generatedDiv = $(document.createElement('div'));
    generatedDiv.attr('id',"div-"+val.id);
    generatedDiv.css({//somecssproperties});
    $('#results').append(generatedDiv);
    t += 100;
    generatedDiv.delay(t).fadeIn('fast');
});

demo