Jquery 将图像附加到div

我有以下代码，通过JSON从flickr提要拍摄照片，我试图将它们附加到另一个

div

中的

div

。我可以让它将所有图像附加到一个

div

，但我希望它将每个图像附加到一个单独的

div

$.getJSON("http://api.flickr.com/services/rest/?method=flickr.photosets.getPhotos&api_key=XXXMYKEYXXX&photoset_id=XXXMYSETXXX&extras=original_format&format=json&jsoncallback=?", function(data){
    $.each(data.photoset.photo, function(i,item){
        var photo = 'http://farm' + item.farm + '.static.flickr.com/' + item.server + '/' + item.id + '_' + item.originalsecret + '_o.jpg';
        /*var longer = 'http://farm' + item.farm + '.static.flickr.com/' + item.server + '/' + item.id + '_' + item.originalsecret + '_t.jpg';*/
        $('<div class="slideshow-content">').appendTo("#slideshow-holder");
        $('<img/>').attr({src: photo}).appendTo(".slideshow-content");
    });
});

$.getJSON（“http://api.flickr.com/services/rest/?method=flickr.photosets.getPhotos&api_key=XXXMYKEYXXX&photoset_id=XXXMYSETXXX&extras=original_format&format=json&jsoncallback=?，函数（数据）{
$。每个（data.photoset.photo，函数（i，项）{
var photohttp://farm'+item.farm+'.static.flickr.com/'+item.server+'/'+item.id+'\u'+item.originalsecret+'\u o.jpg'；
/*变量http://farm'+item.farm+'.static.flickr.com/'+item.server+'/'+item.id+'\u'+item.originalsecret+'\u t.jpg'*/
$（''）。附件（“幻灯片支架”）；
$('
此编辑器似乎删除了标记，因此两个附件分别是
“div class=“slideshow content”
和
“img/”
。如有任何帮助，将不胜感激。
$.getJSON（“http://api.flickr.com/services/rest/?method=flickr.photosets.getPhotos&api_key=XXXMYKEYXXX&photoset_id=XXXMYSETXXX&extras=original_format&format=json&jsoncallback=?，函数（数据）{
$.getJSON("http://api.flickr.com/services/rest/?method=flickr.photosets.getPhotos&api_key=XXXMYKEYXXX&photoset_id=XXXMYSETXXX&extras=original_format&format=json&jsoncallback=?", function(data){
    $.each(data.photoset.photo, function(i,item){
        var photo = 'http://farm' + item.farm + '.static.flickr.com/' + item.server + '/' + item.id + '_' + item.originalsecret + '_o.jpg';
        $('<img />').attr('src',photo).appendTo("#slideshow-holder").wrap('<div class="slideshow content"/>');
    });
});

$。每个（data.photoset.photo，函数（i，项）{
var photohttp://farm'+item.farm+'.static.flickr.com/'+item.server+'/'+item.id+'\u'+item.originalsecret+'\u o.jpg'；
$('');
});
});

或者，只需在追加之前构造HTML字符串

$.getJSON("http://api.flickr.com/services/rest/?method=flickr.photosets.getPhotos&api_key=XXXMYKEYXXX&photoset_id=XXXMYSETXXX&extras=original_format&format=json&jsoncallback=?", function(data){
    $.each(data.photoset.photo, function(i,item){
        var photo = 'http://farm' + item.farm + '.static.flickr.com/' + item.server + '/' + item.id + '_' + item.originalsecret + '_o.jpg';
        $('<div class="slideshow-content"><img src="'+photo+'"/></div>').appendTo("#slideshow-holder");
    });
});

$.getJSON（“http://api.flickr.com/services/rest/?method=flickr.photosets.getPhotos&api_key=XXXMYKEYXXX&photoset_id=XXXMYSETXXX&extras=original_format&format=json&jsoncallback=?，函数（数据）{
$。每个（data.photoset.photo，函数（i，项）{
var photohttp://farm'+item.farm+'.static.flickr.com/'+item.server+'/'+item.id+'\u'+item.originalsecret+'\u o.jpg'；
$（''）。附件（“幻灯片支架”）；
});
});
您希望动态创建包含每个图像的div，还是只在幻灯片支架内创建一个div？

？第一个$（''）填充，第二个是$（''）a.上面的编辑器似乎在发布时删除了标记。我希望动态创建div/其中的类，并为照片集中的每个图像填充一个图像。尝试了此操作后，它只将图像扔到#幻灯片支架div中，而不将图像包装到div/类中。感谢thoughDoh。只有当元素已添加到dom中。已更新以反映该情况。编辑：还添加了一个替代项。