Javascript 将css类按顺序添加到div元素

我有一个div，其中包含来自数据库的动态内容。这个div是一个重复区域，显示来自数据库的大约15条记录。此div已经分配了一个类“cslide”

现在，我有7个css类，即color1、color2、color3。。。颜色7。我想一个接一个地将这些类应用于重复的div，比如：第一个div将有color1，第二个div将有color2，等等

---

这可以使用jQuery或Javascript来完成吗？

假设您正在重复这些类，那么可以在jQuery中这样做

    $('.cslide').each(function(index, element)
    {
        var i = (index % 7) + 1; // 7 is the number of classes
        $(this).addClass('colour'+i);
    });

如果在

…

块中无法直接执行此操作，请将其包围在

$（document）.ready（函数（）{…}）

这里可以看到一个使用5个类和15个对象的示例


$（文档）.ready（函数（）{
颜色=0；
对于（i=0；i是否可以做到，到目前为止您尝试了什么，有代码吗？您是否反对只使用CSS的第n个子项，而不担心不同的类来设置它们的样式？如果没有，我将为您写一些东西。他们说他们有15个来自数据库的元素，所以这不起作用根据元素的数量更改for循环值。我有一个添加7个元素的答案。更改iOr使用jQuery
执行我建议的操作。每个
块循环遍历每个元素，并根据索引的mod加1确定类。每个元素都有不同的方法，并且它是来自数据库的可变量。您不应该硬编码这样的长度。