如何在jquery中指定的div内加载图像

Question

我需要在小提琴中提到的每个动态生成的div中添加下面附加的透明图像http://jsfiddle.net/ramapriya/xeYnv/5/

for (var i = 0; i < columns; i++) {
    var $col = $("<div />", {
        class: "col",
        style: "background: " + get_random_color() + ";",
        id : ii + "-" + i
    });
    $row.append($col);
}

Answer 1

你可以在这一行尝试这种方式：

更改此行：

style: "background: " + get_random_color() + ";",

用这个：

style: "background: url('http://i.stack.imgur.com/OBZ7q.png') 0 0 no-repeat;",

其中http://i.stack.imgur.com/OBZ7q.png是图像的路径。

Demo Fiddle

编辑：

您可以这样使用随机颜色：

style: "background: url('http://i.stack.imgur.com/OBZ7q.png') 0 0 no-repeat" + 
                    get_random_color() + ";",

Updated Fiddle with random colors and background image

Answer 2

您可以尝试使用背景速记来设置颜色和背景图像。

代码：

for (var i = 0; i < columns; i++) {
    var $col = $("<div />", {
        class: "col",
        style: "background: " + get_random_color() + " url('http://i.stack.imgur.com/OBZ7q.png');",
        id : ii + "-" + i
    });
    $row.append($col);
}

演示：http://jsfiddle.net/xeYnv/7/