Question

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

如何在div中使用“img-wrap”类来获得<img/>？

编辑澄清：我真的希望将EACH本身放在一个独立的div中，并使用一个img-wrap类，我有一个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-wrap').append('<img src="'+pic.image+'"/>');
});

Answer 3

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

Answer 4

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

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

Answer 5

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

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

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

5 个答案: