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

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

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

4

5 回答 5

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);

//亨里克

于 2012-12-18T15:05:00.180 回答
0

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

$.each(data.items, function(i, pic) {
    $('<img/>').attr('src', pic.image).appendTo($("<div/>").attr('class', 'img-wrap').appendTo($("#wrap .images")));
});
于 2012-12-18T15:33:05.047 回答
0

这应该很简单,如下所示:

$.each(data.items, function(i, pic) {
   $('.img-wrap').append('<img src="'+pic.image+'"/>');
});
于 2012-12-18T15:04:32.747 回答
0
$(".img-wrap").wrapInner('<div />')
于 2012-12-18T15:05:01.903 回答
0

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

> var innerHtml = "<img src = " + pic.image + "/>";
> $(".img-wrap").html($(".img-wrap").html() + innerHtml);
于 2012-12-18T15:07:08.447 回答