將json數據導入li

Question

我有一些Json數據，其中包含具有某些關聯值的產品的圖像。我想要得到這個json數據，將它存儲在'li'中並使用jquery追加到某個div。請告訴我如何將圖像添加到李。這裏是JSON數據

{ 「URL」： 「1.JPG」， 「色彩」： 「黃」， 「項目」： 「項目A」， 「sold_out」： 「1」}，{」 url「：」2.jpg「，」color「：」Red「，」Item「：」Item B「，」sold_out「：」0「}，{」url「：」3.jpg「，」color「： 「綠色」，「物品」：「物品D」，「sold_out」：「0」}，{「url」：「4.jpg」，「顏色」：「紅色」，「物品」：「物品A」， 「sold_out」：「1」}，{「url」：「5.jpg」，「color」：「Blue」，「Item」：「Item B」，「sold_out」：「0」}

Answer 1

使用$.each循環瀏覽json並將其附加到html元素（li）。

實施例（未測試）

$.each(data, function(key, val) { 
    $("ul").append("<li><img src=\"https://path/" + data[key].url+ "\" /></li>"); 
}); 

data是JSON數組。 希望它有幫助。

Answer 2

這裏是一個的jsfiddle什麼你想UPDATEhttp://jsfiddle.net/Rm4vE/4/

Answer 3

附加的圖像列表

var myImageSrc = "1.jpg"; 
var myList = $('#mylist'); 
myList.append('<li><img src="' + myImageSrc + '" /></li>');