通過 jquery 獲取和設置圖片 URL

Question

我正在嘗試從“img”標簽中獲取圖像 URL，然后將其設置在另一個標簽中。 我正在嘗試使用 attr() 函數來設置圖像的 src 文本但不起作用。

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

未捕獲的類型錯誤：img.attr 不是函數

有什么建議嗎？ 謝謝閱讀！

Answer 1

img是 DOM 元素，因為它不是 jQuery 引用的元素，因此您不能在其上使用 jQuery 的.attr() 。 您可以使用 jQuery：

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

或：使用等效的原生 JavaScript 方法setAttribute() ：

img.setAttribute('src', src);