jquery - 将 css 样式添加到动态生成的项目（jquery、css）

Question

我对动态生成的项目进行样式设置有问题。这是网格项目的示例。

我需要按特定顺序将不同的类（样式）添加到网格行。第一行是灰色的，接下来的两行是蓝色的，接下来的两行是灰色的，依此类推。我不知道该怎么做。也许有一些 jquery 选择器？

Answer 1

尝试一些类似的东西

var classes = ['grey', 'blue', 'blue', 'green', 'red'];

var els = $('<div />').text(4).appendTo('#x');

$(els).addClass(function(index, cl){
    return classes[ $(this).index() % classes.length ]
})

演示：小提琴