Как чередовать стиль (цвет фона) для разных div'ов?

Question

Как чередовать стиль (цвет фона с помощью jquery) для div внутри div с id = "container" попеременно (четным и нечетным), если у меня есть 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");

но все [divs] должны иметь разные цвета ...? Ни один div не должен иметь одинаковый цвет .. может ли кто-нибудь мне помочь ..

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