jquery - jsonデータをliに取得する

Question

いくつかの関連する値を持つ製品のイメージを持ついくつかのJsonデータがあります。そのjsonデータを取得し、それを「li」に格納し、jqueryを使用していくつかのdivに追加したいと思います。liに画像を追加する方法を教えてください。これがJsonデータです

{"url"： "1.jpg"、 "color"： "Yellow"、 "Item"： "Item A"、 "sold_out"： "1"}、{"url"： "2.jpg"、 "color "："赤 "、"アイテム "："アイテムB "、" Sold_out "：" 0 "}、{" url "：" 3.jpg "、"色 "："緑 "、"アイテム "："アイテムD "、" Sold_out "：" 0 "}、{" url "：" 4.jpg "、" color "：" Red "、" Item "：" Item A "、" Sold_out "：" 1 "}、{" url "：" 5.jpg "、" color "：" Blue "、" Item "：" Item B "、" Sold_out "：" 0 "}

Answer 1

を使用してjsonをループし$.each、html要素（li）に追加します。

例（テストされていません）

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

datajson配列です。それが役に立てば幸い。

Answer 2

リストに画像を追加する

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