Получить и установить URL изображения с помощью jquery

Question

Я пытаюсь получить URL изображения из тега "img", а затем установить его в другом теге. Я пытаюсь использовать функцию attr () для установки текста изображения sr c, но он не работает.

var n_rows = $('#r_data_5').text();
var data = $('#datos_ocultos > ul > li');
var index = 0;
for (let i = 0; i< parseInt(n_rows); i++){
 var img = document.createElement('img');
 var src = data.eq(index).find('#r_data_4').attr('src');
 img.attr('src', src);
}

<div id="datos_ocultos" style="display: none;">
 <p class="report_data" id="r_data_5">
  <t t-esc="number_rows" />
  </p>
  <ul>
   <t t-foreach="report_ids" t-as="report">
    <t t-if="report.teacher_id and report.subject_id">
     <li>
      <p class="report_data" id="r_data_0">
       <t t-esc="report.teacher_id.name " />
      </p>
      <p class="report_data" id="r_data_1">
       <t t-esc="report.subject_id.display_name " />
      </p>
      <p class="report_data" id="r_data_2">
       <t t-esc="report.course_id.display_name " />
      </p>
      <p class="report_data" id="r_data_3">
       <t t-esc="report.teacher_id.work_email " />
      </p>
      <img t-att-src="'/web/image/hr.employee/%s/image' % report.teacher_id.id" width="96" height="65" id="r_data_4"/>
//more code

Uncaught TypeError: img.attr не является функцией

Есть предложения? Спасибо за чтение!

Answer 1

img является элементом DOM, поскольку он не является элементом jQuery, на который нельзя ссылаться jQuery .attr(). Вы можете использовать jQuery:

$(img).attr('src', src);

ИЛИ: Использовать эквивалентный ванильный JavaScript метод setAttribute():

img.setAttribute('src', src);