jquery - jQuery 的 .each() 方法是并行还是顺序运行其语句？

Question

在我的 HTML 页面中，我有 4 个列表项和以下 jQuery 代码:

$('li').hide().each(function() {
    $(this).delay(500).fadeIn(1000);
});

我假设 .each() 函数内的语句将为第一个列表项运行，将完成，然后为第二个列表项运行，等等。

但是，所有四个列表项完全同时淡入。这是否意味着该语句对所有列表项并行运行？

有没有办法让列表项一次淡入一个？

Answer 1

由于动画是异步的，因此循环不会等待每个动画完成后再继续下一次迭代

循环将在短短几毫秒内完成，因此每个项目都将具有相同的视觉延迟。

要递增，最简单的方法是使用循环索引作为乘数，这样它们就会有效地交错

$('li').hide().each(function(i) {
    // "i" is array index of current instance
    // delays will thus be 0*500 ... 1*500 .... n*500
    $(this).delay(i*500).fadeIn(1000);
});