jQuery - 通过突出显示一个颜色的X项目数量，然后将另一个数量突出显示另一个颜色来分割项目（包括示例）

Question

小提琴：http://jsfiddle.net/8xBeW/1/

在小提琴示例中，您可以看到我有点的想法。我只希望列表计算它，而不是突出显示每4个项目，就像我将它分成4个相等的部分一样。现在很明显，我输入的数字并不总是可以被整除，这很好。但这是我想要的一个简单例子：

的Item1
项目2
项目3
项目4
项目5
ITEM6
Item7
Item8

我想把这个列表放入“4”并输出以下内容......

第1项[突出显示第1种颜色]
第2项[突出显示第1种颜色]
第3项[突出显示第2种颜色]
Item4 [突出显示第2种颜色]
Item5 [突出显示第3种颜色]
Item6 [突出显示第3种颜色]
Item7 [突出显示第4种颜色]
Item8 [突出显示第4种颜色]

如果它是一个奇怪的列表，例如，如果我想将它拆分为5，它将是8/5，这是1.6所以它会向上舍入到2，并且反正突出每2个对吗？不太确定如何处理...但这就是我在这里的原因。

有什么想法吗？这只是一个个人项目，我正在努力分离任务列表并轻松地将它们委托给X团队成员。

Answer 1

尝试这样的事情：

    var total = $("#list-for-testing li").length;
    var num = total / $el.val( );
    var current = 1;

    $('#list-for-testing li').each( function( i ) {
        if( i > ( current * num ) )
            current++;
        $(this).attr('class', 'selected' + current);
    } );

我使用多个类来使其工作（selected1，selected2等），但这应该足以让它从那里开始工作。