Question

如果我有像这样的HTML

如何交替（偶数和奇数）交替使用id =“container”的div中的div替换样式（背景颜色和jquery）

<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

如何为div不同的div替换样式（背景颜色）？

1 个答案: