Используя jquery, как заполнить строки моей таблицы соответствующими изображениями, используя img src = "javascript :?

Question

Предположим, у меня есть таблица, как показано ниже, которую я пытаюсь заполнить множеством jpegs для каждой строки, например, скажем BillSmith.jpg и NancyClinton.jpg.

Пример таблицы для заполнения с фотографиями:

NY | Смит, Билл (пытается поставить 'BillSmith.jpg' здесь)
NY | Клинтон, Нэнси (пытается поставить 'NancyClinton.jpg' здесь)

Меня смущает, что ставить после этой части <img src="javascript: во 2-й до последней строки приведенного ниже фрагмента кода.

$("#html_table tbody td:nth-child(2)").each(function(){
        var the_name = $(this).html();

        // Creates the string of file names ( BillSmith.jpg ) matching the file names of jpeg pics

        var nameList = the_name.split(",");
        var firstLast = nameList[1] + nameList[0];
        var source_foto = "staff_jpegs/"+firstLast+".jpg";

        $(this).html( the_name +'<br><div class="fotos" style="text-align:center"><img src="javascript:source_foto" height="80" width="80"/></div>');
        });

Приведенный выше код не работает, потому что я предполагаю, что функция, а не переменная, может быть только после javascript:.

Поиск простого способа получить множество фотографий в соответствующих строках таблицы, используя более или менее эту структуру.

Answer 1

Поскольку вы использовали конкатенацию строк, это означает, что вы знаете, что она существует, но почему вы не можете использовать ее во втором экземпляре?

$(this).html( the_name +'<br><div class="fotos" style="text-align:center"><img src="' + source_foto + '" height="80" width="80"/></div>');

Answer 2

$("#html_table tbody td:nth-child(2)").each(function(){
        var the_name = $(this).html();

        // Creates the string of file names ( BillSmith.jpg ) matching the file names of jpeg pics

        var nameList = the_name.split(", ");
        var firstLast = nameList[1] + nameList[0];
        var source_foto = "staff_jpegs/"+firstLast+".jpg";

        $(this).html( the_name +'<br><div class="fotos" style="text-align:center"><img src="'+source_foto+'" height="80" width="80"/></div>');
        });

Вам не нужен JavaScript: вы можете просто использовать имя переменной. Кроме того, ваш сплит должен быть на ",", а не только ","

Answer 3

<code>$(this).html( the_name +'<br><div class="fotos" style="text-align:center"><img src="'+ source_foto +'" height="80" width="80"/></div>');