javascript - 每次单击一次对两个数组进行迭代和动画处理

Question

我再次搜索了 3 天，我如何“每次点击一次对两个数组进行迭代和动画处理”。我有两个数组，其中一个具有来自 html 的输出类，第二个具有来自 XML 文件的数据。我有一个按钮，每次点击都会变成一个动画。但现在我想同时迭代并成为每次点击 2 个动画。我已经为此头疼了，;)。怎么走？一些帮助的想法，请？谢谢！

代码片段

$('#Next').click(function() {

    $(theArray[arrayIndex++]).fadeIn("slow")
    //$(xmlToArray[arrayIndex++]).fadeIn("slow")
    }                           
    // arrayIndex = 0;
    console.log(theArray[arrayIndex]);
})

Answer 1

我想你需要先将两者合并使用

var thirdarray = firstarray.concat(secoundarray)

然后使用

$.each(thirdarray , function(){....})

Answer 2

如果你想遍历所有这些，你需要一个 for 循环。

$('#Next').click(function() {
    var i;
    for(i = 0; i<theArray.length && i < xmlToArray.length; i++){

            theArray[i].fadeIn("slow");
            xmlToArray[i].fadeIn("slow");
    }                           
});

如果您只想每次单击将索引增加一个，那么您走在正确的道路上：

$('#Next').click(function() {

    $(theArray[arrayIndex++]).fadeIn("slow")
    $(xmlToArray[arrayIndex]).fadeIn("slow")
    }                           
});