javascript - 依次向div元素添加css类

Question

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

现在，我有 7 个 css 类，即 colour1、colour2、colour3...colour7。我想按顺序将这些类一个一个地应用于重复的 div，例如:第一个 div 将具有 colour1，第二个 div 将具有 colour2，依此类推。

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

Answer 1

假设您要重复这些类(class)，那么可以像这样在 jQuery 中做

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

如果这在 <script>...</script> 中不能直接工作 block ，将其包围在

$(document).ready(function() { ... });

可以在此处看到使用 5 个类和 15 个对象的示例

https://jsfiddle.net/c5v6z8yt/