javascript - 在 div 中添加随机数量的图像

Question

我有一个 <div>我想在其中添加图像。图片的数量会随机变化。

这是我想做的

$(document).ready(function () {
    var img = document.getElementById("img");
    $('#button').click(function () {
        var randomnumber = Math.floor(Math.random() * 11) + 1;
        for (var i = 1; i < = randomnumber; i++) {
            $(this).append(img);
        }
    });
});

但它不起作用。请帮忙

这是我的代码 JSFiddle

Answer 1

您可能应该按照 simon 的建议使用克隆，或者您可以创建新图像:

function getImage(){
    var img = new Image();
    img.src = "http://cdn.acidcow.com/pics/20110830/lolcats_ever_13.jpg"
    img.width = 200;
    return img;
}

var rand = Math.floor(Math.random() * 11) + 1,
    imgContainer = $("#imgContainer"),
    i;

$("#imgNo").text(rand);

for (i=0; i<rand; i++){
    imgContainer.append(getImage());
}

fiddle