通过 jquery 获取和设置图片 URL答案

【问题标题】：Get and set an image URL via jquery通过 jquery 获取和设置图片 URL
【发布时间】：2020-05-19 03:24:01
【问题描述】：

我正在尝试从“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 不是函数

有什么建议吗？谢谢阅读！

【问题讨论】：

img.src = src 就可以了

标签： javascript jquery html

【解决方案1】：

img 是 DOM 元素，因为它不是 jQuery 引用的元素，所以你不能在上面使用 jQuery 的 .attr()。您可以使用 jQuery：

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

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

img.setAttribute('src', src);

【讨论】：