如何替换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