我不认为这是一个新问题。但对我来说这是一个新事物。
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 对象,您最终将移动它而不是复制它。
请参阅此处的概念验证 fiddle :http://jsfiddle.net/teddyrised/Lmvnunq9/
关于javascript - JQuery:多次插入一张图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26371166/