从Facebook Graph API中选择JSON中的项目编号

我正在构建一个使用Facebook Graph API的Web应用程序,该应用程序在一个大拼贴中的一个页面上显示您的所有个人资料图片。

我使用以下代码来使用API​​:

    #images { padding:0; margin:0; overflow: hidden;} #images img { width:200px; height:200px; border:none;} #lists li { display: table;} #lists img { width:200px; height: 200px; }     
var fburl = "https://graph.facebook.com/733380053/photos?access_token=AAAAAAITEghMBALj91OSuexVZBpZBVH6d4V8VPJtZAKJmm0YzWWUvHe22hxEXZA6MRDqgAwPyCUlqJTufsVbcc2xUw2bEgqQaW3tePkew1QZDZD" $.getJSON(fburl, function(data){ var img = data["picture"]; $("#profile").append("

"+ img +"

"); });

但是,我希望能够获得每张图片的图片来源并将其附加到其中

一个HTML img src标记,来自以下示例:

 data: [{id:10150556838025864, from:{name:, id:693815863}, tags:{,…},…},…] 0: {id:10150556838025864, from:{name:, id:693815863}, tags:{,…},…} created_time: "2011-12-22T00:31:40+0000" from: {name:, id:693815863} height: 540 icon: "http://sofzh.miximages.com/jquery/StEh3RhPvjk.gif" id: "10150556838025864" images: [{height:540, width:720,…}, {height:135, width:180,…}, {height:97, width:130,…},…] link: "http://www.facebook.com/photo.php?pid=10920894&id=693815863" picture: "http://sofzh.miximages.com/jquery/394974_10150556838025864_693815863_10920894_526292479_s.jpg" position: 34 source: "http://sofzh.miximages.com/jquery/394974_10150556838025864_693815863_10920894_526292479_n.jpg" tags: {,…} updated_time: "2011-12-22T00:31:45+0000" width: 720 

试试这个:

 var fburl = "https://graph.facebook.com/733380053/photos?access_token=AAAAAAITEghMBALj91OSuexVZBpZBVH6d4V8VPJtZAKJmm0YzWWUvHe22hxEXZA6MRDqgAwPyCUlqJTufsVbcc2xUw2bEgqQaW3tePkew1QZDZD" $.getJSON(fburl, function(data){ //var data = data["data"][0]["picture"]; $.each(data["data"], function() { $a = $("").attr("href", this.link); $img = $("").attr("src", this.picture); $a.append($img) $("#profile").append($a); }); }); 

更新

示例小提琴