L oop Через данные таблицы и получить данные, используя jQuery

Question

Я новичок, когда дело доходит до jQuery, и я действительно изо всех сил :( У меня есть таблица HTML, где есть URL-адреса изображений, и я хочу нажать кнопку, и эти URL-адреса изображений заменяют изображения на атрибут sr c класса ".pi c", поэтому он отображает новые изображения для каждого, но в данный момент он захватывает только последние результаты в таблице и применяет этот URL ко всем sr c изображения на странице, так что все они становятся одним изображением

. Так выглядит таблица, когда пользователь загружает свой CSV с URL-адресами изображений в этом

затем они нажимают кнопку генерации, и она должна заменить изображения продуктов в этом разделе

Однако это то, что происходит, когда они нажимают кнопку генерации, она просто берет последний URL-адрес изображения и использует это вместо sr c вместо

Большое спасибо за вашу помощь и терпение со мной по этому вопросу, извините, если я не достаточно ясно!

вот код:

var table = $("table.mytable");
table.find('tr').each(function() {
  var $tds = $(this).find('td'),
    imageName = $tds.eq(0).text();

  $('.pic').select().each(function() {
    $(this).attr('src', '' + imageName);
    // this alert code will show me all the image urls one by one so i kno it is grabbing the data correctly, just not applying properly to the image source 
    //alert('' +imageName)'
  });

});