javascript - 使用 JQuery 遍历数组

Question

我有一个小组使用 Jquery 遍历一个数组。我有一个数组，我希望数组中的每个项目淡入和淡出(并在淡出时切换到下一个)。我可以让它循环适当的次数，但 for 循环总是显示最后一个变量，而不是按顺序显示每个变量。

var x = [1,2,3,4,5];

$("#test").text("test");

var y = 0;

for(var i = 0; i<x.length;i++){
   $("#test").delay(1000).animate({opacity:'0'},function(){
       $(this).text(i)
   }).delay(1000).animate({opacity:'1'});
}

因此，它所指的 p 标签以“文本”开头，然后闪烁“5”五次而不是计数。我认为延迟会起作用，但是 for 循环结束并且不等待 jquery 完成。

Answer 1

我猜你也可以用 $.each 实现这个:

var x = [1,2,3,4,5];
$("#test").text("test");
$.each(x, function(i) {
    $("#test").delay(1000).animate({opacity:'0'},function(){
        $(this).text(x[i])
    }).delay(1000).animate({opacity:'1'});
});