gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-01 02:08:37 25 4
gpt4 key购买 nike

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

演示:

http://jsbin.com/eqoyi4

关于jquery - 使用 jquery 应用不同的背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3905145/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com