2013-05-14 72 views
1

我有一個樣式動態生成項目的問題。這裏是網格項目的例子。添加CSS樣式動態生成的項目(jQuery的,CSS)

enter image description here

我需要不同的類別(樣式)添加到網格行,在特定的順序。第一行是灰色的,接下來的兩行是藍色的,接着是兩個灰色的,等等。 我不知道該怎麼做。也許有一些jQuery選擇器?

+1

'錶行:第n個孩子(3){背景:藍色}'在你的CSS應該做的是,即使是動態插入的元素? – adeneo 2013-05-14 10:13:11

+0

@adeneo它只會選擇第三個區塊。我不認爲'nth-child'會在這裏幫助 – Morpheus 2013-05-14 10:15:08

+2

漂亮的圖片,但是html的外觀如何? – nnnnnn 2013-05-14 10:17:26

回答

2

嘗試像

一些事情
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

+0

Thx,正是我需要的。 – Mandragorasprout 2013-05-14 11:26:08