JQuery:多次插入一个图像

JQuery: insert one image several times

本文关键字：一个 图像 插入 JQuery      更新时间：2023-09-26

我不认为这是一个新问题。但对我来说，这是新的。

var image = new Image;
image.src = 'https://www.google.ru/images/srpr/logo11w.png';
$('div#imagePlace').append(image);
$('div#imagePlace').append(image);
$('div#imagePlace').append(image);

但只插入了一个图像。如何插入所需数量的图像而无需多次下载相同的图像。

您可以构造一个<img>对象，并在for循环中克隆它并附加到您感兴趣的元素：

$(function() {
    var $img = $('<img />', {
        'src': 'http://placehold.it/100x100'
    });
    for(var i=0; i<5; i++) {
        $img.clone().appendTo('#imagePlace');
    }
});

如果你不.clone() jQuery对象，你最终会移动它，而不是复制它

请在此处查看概念验证小提琴：http://jsfiddle.net/teddyrised/Lmvnunq9/

相关文章：