javascript - 如何使用 JQuery 使用循环插入 JSON 数据中的图像？

Question

尝试将提供给我的 JSON 数据中的多个图像插入到网页中。它看起来像这样:

"tvdb_id": 80379,
"tvrage_id": 8511,
"ended": false,
"images": {
  "poster": "http://slurm.trakt.us/images/posters/34.66.jpg",
  "fanart": "http://slurm.trakt.us/images/fanart/34.66.jpg",
  "banner": "http://slurm.trakt.us/images/banners/34.66.jpg"
},

这是我的代码:

var sTvrageId = $("<p></p>").html("<b>TV RAGE ID: </b>" + data[key].tvrage_id);
var sEnded = $("<p></p>").html("<b>Ended: </b>" + data[key].ended);
var sImages = $("<img>").html((j=0, j < data[key].images.length, j++)data[key].images[j]);

但是，无论我尝试对循环语法进行何种变体，它都不会插入图像。我怎样才能解决这个问题？

Answer 1

您无法在一个图像标记的 html() 方法内进行迭代并期望获得三张图像吗？

var sTvrageId = $("<p />", {html: "<b>TV RAGE ID: </b>" + data[key].tvrage_id});
var sEnded    = $("<p />", {html: "<b>Ended: </b>" + data[key].ended});
var sImages   = $([]);

$.each(data[key].images, function(_, src) {
     sImages = sImages.add(
           $('<img />', {src : src});
     );
});