如何替換div divs的樣式（背景顏色）？

Question

如何替換樣式（背景顏色使用jQuery）的DIV中使用id =「容器」交替（偶數和奇數）DIV，如果我有HTML這樣

<div id="container"> 
    <div></div> 
    <div></div> 
    <div></div> 
    <div></div> 
... 
</div> 

我知道有像

$('#container>div:odd').css("background-color", "#ff0000"); 
    $('#container>div:even').css("background-color", "#00ff00"); 

表？

但所有的[的div]應該有不同的顏色...不派息應該具有相同的顏色..can任何一個可以幫助我..

Answer 1

試試這個：

var colors = ["f00", "0f0", "00f", "ff0", "0ff", "f0f"]; 

$('#someid .bar').each(function(i) { 
    $(this).css('background-color', '#'+colors[i % colors.length]); 
}); 

對於隨機的顏色，你可以使用這個：

function randomColor() { 
    return 'rgb('+ 
     Math.round(Math.random()*255)+', '+ 
     Math.round(Math.random()*255)+', '+ 
     Math.round(Math.random()*255)+')' 
} 

$('#someid .bar').each(function(i) { 
    $(this).css('background-color', randomColor()); 
}); 

演示：

http://jsbin.com/eqoyi4