使用jquery应用不同的背景颜色

我在父div中有一个子div的集合,子div是动态生成的,并且都具有相同的类名.

我的问题是如何使用jquery为每个子div应用不同的背景颜色
示例代码如下

<div id="someid">
   <div class="bar">...</div>
   <div class="bar">...</div>
   <div class="bar">...</div>
   <div class="bar">...</div>
   <div class="bar">...</div>
</div>

在这里,我想为每个子div应用不同的背景颜色(class =“bars”)

提前致谢.

解决方法

像这样的东西：

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());
});

演示：

07000

原文地址：https://www.jb51.cc/jquery/181301.html