javascript - 如何让 JQuery Loop 获取不同的图像

Question

我正在使用 REST 调用来使用图像。当我解析一个 Image 时，它​​正在解决。

 var img = data.results[0].value; 
 $('#result').html("<img id='img1'>"); $('#img1').attr('src', img);

但是当我循环获取不同的图像时，它就不起作用了。

$.each(data.items, function(i,item){
          var img = data.results[i].value; 

         htmlString += '<li><img src=' + img +'/></li>';
});
$('#result').html(htmlString);

我对 JQuery Loop 有问题吗！

Answer 1

你需要循环 data.results，而不是 data.items

见：jsfiddle

    success: function (data) {

           var $ul=$('<ul/>');

     $.each(data.results, function(i,item){ // on this line
        var img = item.value;  
         $ul.append($('<li/>').append($('<img/>').attr('src',img)   ));
      });

       $('#result').html($ul);

    }