Javascript forEach循环中的jQuery动画

我正在尝试附加jQuery

.fadeIn（“慢”）append（）的code>在
forEach（）中按以下方式循环：

items.forEach(function (item) {
     showData.append('<div>Test</div>').fadeIn('slow');
});

items.forEach（函数（项）{
showData.append（'Test'）.fadeIn（'slow'）；
});

但是，一旦触发循环，正在添加的div量仍然没有添加淡入淡出效果。任何关于如何通过jQuery或CSS获得淡入淡出效果的想法都是最好的解决方案。
您正在制作
showData
元素的动画，不管是什么，它可能已经可见了。

您想要的可能是为插入的DIV设置动画

要使元素一个接一个地出现，可以使用随每次迭代而增加的延迟


var items=[1,2,3,4,5,6]，
showData=$（“#测试”）；
items.forEach（函数（项、索引）{
$('', {
文本：“测试”，
css:{display:'none'}
}).delay（索引*600）.fadeIn（'slow'）.appendTo（showData）；
});
您不是在附加元素上调用
.fadeIn（…）
，而是在
showData
元素上调用它

您可以这样做：

items.forEach(function (item) {
    var e = $("<div>Test</div>");
    e.hide();
    showData.append(e);
    e.fadeIn('slow');
});

items.forEach（函数（项）{
var e=$（“测试”）；
e、 隐藏（）；
showData.append（e）；
e、 法代因（“慢”）；
});
像这样试试

 items.forEach(function (item) {
         var div = $('<div>Test</div>').hide();
         showData.append(div);
         div.fadeIn('slow');
    });

items.forEach（函数（项）{
var div=$（'Test'）.hide（）；
showData.append（div）；
法代因分部（“慢”）；
});


var i=0；
虽然（我真的需要显示更多代码供其他人回答..谢谢，我如何才能在每个div上添加fadeIn，而不是一次全部添加tho？它是在每个div上添加fadeIn，我想你要问的是，如何延迟动画，使元素一个接一个地出现正是我要寻找的：）编辑了答案，包括谢谢！这工作得非常好，但是我要添加多个元素，而不是一个div，只是想让您知道，
如何以您上面解释的方式实现此追加。