将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 ]
})

演示：Fiddle