javascript - 通过 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);