Динамически заполняет источник img

Question

Что я сделал - это вернуть мои данные через ajax. В этом объекте у меня есть строковый url, который я пытаюсь назначить создаваемому изображению. Я не знаю, как это сделать. То, что я пробовал, - это получение цикла данных путем создания моих строк/ячеек таблицы, а затем поиск конкретной ячейки для создания объекта изображения и назначение значения суса из объекта данных. Вот код:

var imgAttr = []; 
$.ajax({ 
    url: 'DAL/WebService1.asmx/RegisteredProducts', 
    method: 'post', 
    data: { pageNumber: currentPage, pageSize: 5 }, 
    dataType: 'json', 
    success: function (data) { 
     $(data).each(function (index, d) { 

      imgAttr = d.ImgUrl; 

      $('#displayMe').append('<tr><td class="imageHolder"></td> <td> + d.id + </td></tr>'); 

      $('.imageHolder').each(function() {     
       var img = $('<img />', { 
        class: 'Myid', 
        src: imgUrl           
        alt: 'Image'       
       }); 
       $(this).html(img); 

      }); 

      }); 

     }); 
    } 
}); 

Answer 1

$('#displayMe').append('<tr><td class="imageHolder">' + 
    '<img src="' + d.ImgUrl + '" class="Myid" alt="Image"/>' + 
    '</td> <td>' + d.id + '</td></tr>'); 

Просто используйте выше для $('#displayMe').append линии и удалить $('.imageHolder').each часть.