javascript - JQuery ループを作成してさまざまな画像を取得する方法

Question

REST 呼び出しを使用して画像を消費する作業を行っています。1 つの 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ループに問題がありますか?

Answer 1

data.items ではなく、data.results をループする必要があります

参照: 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);

    }