jQuery-通过高亮显示一种颜色的项目数量X，然后高亮显示另一种颜色的项目数量X来拆分项目（包括示例）

小提琴：

在小提琴的例子中，你可以看到我的想法。只是我不想每4项突出显示一次，而是希望列表将其计算为4个相等的部分。很明显，它并不总是可以被我输入的任何数字整除，这很好。但这里有一个我想要的快速示例：

项目1
项目2
项目3
项目4
项目5
第6项
第7项
第8项

我想把这个列表放在一个“4”中，并有下面的输出

项目1[突出显示的第一种颜色]
第2项[突出显示的第一种颜色]
第3项[突出显示的第二种颜色]
第4项[突出显示的第二种颜色]
第5项[突出显示的第三种颜色]
第6项[突出显示的第三种颜色]
第7项[突出显示的第四种颜色]
第8项[突出显示的第四种颜色]

如果它是一个单数列表，例如，如果我想将它拆分为5，它将是8/5，也就是1.6，所以它将四舍五入为2，并突出显示每2个，对吗？我真的不知道该怎么处理。。。但这就是我来这里的原因

---

有什么想法吗？这只是我试图做的一个个人项目，目的是分离一系列任务，并轻松地将它们委派给X个团队成员。

尝试以下方法：

    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

，等等），但这应该足以使它从那里工作。

只是因为我很烦人，你可以使用传递给each函数的

I

作为第一个参数，比如

。each（函数（I）{…

@Nicosunshine是的。我把它放在一起，没有考虑它被传递的事实。更新了我的答案。