javascript - 使用带有变量的 .css() 定义 css 属性值的问题

Question

我正在尝试创建一个函数，它将跨度的颜色从黑色更改为我定义的颜色列表中的随机颜色。我的问题似乎出在 .css("color", variableName) 部分。我想我可能做错了我的语法。 ( http://jsfiddle.net/crismanNoble/8gM76/ )

$(".randomRoll")
    .mouseover(function() {
               var colors = ["6F216C", "F34B0D", "C50102", "5DA537", "F1D81B"];
               var pick = Math.floor(Math.random()*5);
               var colorN = colors[pick];
               $(this).css("color", colorN); 
               //alert(colorN);
               })
    .mouseout(function() {
              $(this).css('color','black');
    });

Answer 1

您必须在 CSS 中使用的任何十六进制值前添加井号 (#)。 $(this).css("color","#"+colorN);

或者更好的是将它们添加到您的颜色数组中。