1

我有以下代码通过 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");
    });
});

该编辑器似乎删除了标签，因此 2 个附加分别是"div class="slideshow-content"和一个"img /"。任何帮助将不胜感激。

4

1 回答 1

0 
$.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"/>');
    });
});

或者，只需在附加之前构造 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");
    });
});
于 2012-06-27T20:45:19.683 回答