Jquery every() 函数递增一半

Question

我尝试使用 jquery each() 函数在每次迭代后添加 0.5 增量。我必须在 li 上添加 animatoin-delay 属性，该属性的值应该增加 (0.5)，以便我可以在文档加载时为它们设置动画。

HTML

<ul class="social-link">
        <li></li>
        <li></li>
        <li></li>
        <li></li>
</ul>

JS

$('ul.social-link li').each(function(i){
        plus =  i - 0.5;
        $(this).addClass('animated fadeIn').css('animation-delay',plus+'s');
});

我已经尝试过上面的代码，但它在第一次迭代后确实工作，在第一次迭代时其给定的 0.5 但之后它添加 (1.5, 2.5, 3.5) 1 而不是 0.5。我知道我的逻辑不正确。任何人都可以指导我是否可以使用 each() 函数。我可以使用 css 来完成，但如果使用 jquery 来完成会很好。如果有人指导我，我将不胜感激。谢谢您

Answer 1

在您的代码中，i 是选择器返回的集合的索引。所以，1-0.5、2-0.5、3-0.5 等等。如果我理解正确的话，你想每次都添加 0.05，所以在 .each() 之外声明 plus像这样:var plus = 0;并在循环内像这样增加它:plus += 0.5。它会像这样递增:0.5、1、1.5、2、2.5 等。