jquery - 使用jQuery在每个函数中的div内生成图像

Question

$.each(data.items, function(i, pic) {
    $('<img/>').attr('src', pic.image).appendTo($("#wrap .images"));
});

我怎样才能在具有<img/>“img-wrap”类的 div 中使用它？

为澄清而编辑：我实际上希望将 EACH 本身放在一个带有 img-wrap 类的独立 div 中，我有一个 json 请求，每次都会让我获得相当多的随机图像，我希望将它们放在一个 div 中。

Answer 1

我会做这样的事情，如果 div 标签和 img 标签存在，检索它们而不是创建它们：

var div = document.createElement('div');
div.setAttribute("class", "img-wrap");

var img = document.createElement('img');
img.setAttribute("src", pic.image);

div.appendChild(img);

yourHolder.appendChild(div);

//亨里克

Answer 2

如果有人想做我需要做的事情，那么这就是有效的：

$.each(data.items, function(i, pic) {
    $('<img/>').attr('src', pic.image).appendTo($("<div/>").attr('class', 'img-wrap').appendTo($("#wrap .images")));
});

Answer 3

这应该很简单，如下所示：

$.each(data.items, function(i, pic) {
   $('.img-wrap').append('<img src="'+pic.image+'"/>');
});

Answer 4

$(".img-wrap").wrapInner('<div />')

Answer 5

尝试创建 html，然后将其添加到 div 中的现有 html 中：

> var innerHtml = "<img src = " + pic.image + "/>";
> $(".img-wrap").html($(".img-wrap").html() + innerHtml);