javascript - jQuery:迭代中的索引切片函数

Question

我设置了一个切片函数，调用 .test 的索引以淡入 .test 5 block 中的 div。这里有一个演示:http://jsfiddle.net/neal_fletcher/JT4KB/2/
jQuery:

$(document).ready(function () {
    $('.test').each(function (index) {
        $('.test').slice(0, 5).delay(500).fadeIn(300);
        $('.test').slice(5, 10).delay(1000).fadeIn(300);
        $('.test').slice(10, 15).delay(1500).fadeIn(300);
    });
});

这工作正常，但由于网站将进行内容管理，我想要一个更紧凑的解决方案，因此不必为每 5 个 div 编写一个函数，有没有办法通过添加额外的 来调用此函数每 5 个 div 延迟 500？如果这有意义？任何建议将不胜感激!

Answer 1

给你，先生。

http://jsfiddle.net/JT4KB/17/

$(document).ready(function () {
    setTimeout(function () {
       $('.test').each(function (i) {
         var delay = Math.floor(i/5)*500 + 500;
         $(this).delay(delay).fadeIn(300);
       });
    }, 1000);
});