javascript - 如何在 jQuery 中使用随机数组输出作为 for-loop CSS 属性

Question

我正在尝试在附加到 div 的 for 循环中使用一组 CSS 颜色属性。我认为问题可能出在引号的语法上，因为有多个引号需要担心。

这是我的代码:

$(document).ready(function () {

var color_array = ["red", "orange", "yellow", "green", "blue", "indigo", "violet"];
var randColor = color_array[Math.floor(Math.random() * color_array.length)];

for (i = 1; i <= 500; i++) {
    $("#box").append("<div style='background-color:' + randColor + '; height:10px; width:10px; float:left;'></div>");
}
});

有没有更简单的方法来实现这个目标？

Answer 1

$("#box").append("<div style='background-color:" + randColor + "; height:10px; width:10px; float:left;'></div>"); 

你错过了结尾"。