jquery - jQueryを使用して各関数のdiv内に画像を生成する

Question

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

<img/>「img-wrap」のクラスを持つdiv内にそれを入れるにはどうすればよいですか?

明確にするために編集:私は実際には、img-wrap のクラスを持つ独立した div 内に EACH 自体を配置したいと考えています。毎回かなりランダムな量の画像を取得する 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

htmlを作成してから、div内の既存のhtmlに追加してみてください。

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

Answer 3

これは次のように非常に単純なはずです。

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

Answer 4

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

Answer 5

誰かが私がする必要があることをしたい場合、これがうまくいきました：

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