jquery - 使用 JQuery 将三种不同的背景颜色应用于同一类的三个 div

Question

这个问题已经有答案了:

已关闭 10 年前。

Possible Duplicate:
Apply different background color using jquery

我在一个页面上有三个 div，全部带有 .contact-image 类

我希望这三个 div 具有不同的背景颜色(青色、黄色、洋红色) - 理想情况下透明度为 50% 的 RGB 颜色。它们不需要随机选择 - 如下所示就可以了。 一个(洋红色) 两个(青色) 三(黄色)

我是 JQuery 的新手，到目前为止，我已经从这里的一个稍微类似的问题的答案中得到了这段代码。

$(function() {
$(".contact-image").each(function() {
    var hue = 'rgb(' + (Math.floor((256-199)*Math.random()) + 200) + ',' + (Math.floor((256-199)*Math.random()) + 200) + ',' + (Math.floor((256-199)*Math.random()) + 200) + ')';
     $(this).css("background-color", hue);
});

});

这将所有 3 个 div 随机着色为不同的颜色，但我不知道如何根据我的需要进行调整。任何帮助将非常感激..

Answer 1

您可以使用函数 setter 语法:

$(".contact-image").css("background-color", function(i) {
  return ["magenta", "cyan", "yellow"][i];  // one of the three
});