Javascript 图像没有显示,甚至我试图从html数据表中获取图像并将其显示到一个div中

Javascript 图像没有显示,甚至我试图从html数据表中获取图像并将其显示到一个div中,javascript,php,jquery,Javascript,Php,Jquery,我可以从HTML数据表中获取数据,将其设置到文本框中。现在我正在尝试从HTML数据表中获取图像,并将其设置到div中,但图像没有出现。任何解决办法 //HTML code for image div <div class="down" id="imgS" > <a href="#" ><img src="images/IT.jpg"></a> </div> //HTML code for Id div <d

我可以从HTML数据表中获取数据,将其设置到文本框中。现在我正在尝试从HTML数据表中获取图像,并将其设置到div中,但图像没有出现。任何解决办法

  //HTML code for image div
  <div class="down" id="imgS" >
  <a href="#" ><img src="images/IT.jpg"></a>
  </div>

 //HTML code for Id div 
 <div class="md-form mb-5" style="margin-left:130px;">
 <div class="input-group-prepend" >
 <span class="input-group-text">ID</span>
 </div>
 <input type="text" name="txtSId" id="txtSId" class="form-control">
 </div>

 //jQuery code
  <script>
  $(document).ready(function(){
  $("#dtBasicExample tbody").on('click','tr',function(){
  $("#txtSelect").text("1 row selected");    
  var rowData=$(this).children("td").map(function(){
  return $(this).text();
  }).get();
  $("#txtSId").val(rowData[0]);
  $("#imgS").html("<a href='#'><img src=rowData[3]></a>");
  });    
  });
  </script>
//图像div的HTML代码
//Id div的HTML代码
身份证件
//jQuery代码
$(文档).ready(函数(){
$(“#dtBasicExample tbody”)。在('click','tr',function()上{
$(“#txtSelect”).text(“选定1行”);
var rowData=$(this.children(“td”).map(函数(){
返回$(this.text();
}).get();
$(“#txtSId”).val(rowData[0]);
$(“#imgS”).html(“”);
});    
});
现在它的Id工作,但我需要显示我的图像,这是不工作

$(“#imgS”).html(“”)//添加单个qoute src=“”
我希望这能解决您的问题。

尝试改变

 $("#imgS").html("<a href='#'><img src=rowData[3]></a>");
$(“#imgS”).html(“”);

$(“#imgS”).html(“”);

您的图像未显示,因为
src
attibute中的值设置为
rowData[3]
而不是
rowData[3]
的内容。您可以使用
+
运算符嵌入表达式和其他答案建议的普通字符串

使用模板文本“`”(两个回勾),如下所示

$("#imgS").html(`<a href="#"><img src="${rowData[3]}"></a>`);
$(“#imgS”).html(``);
对于像这样插入小字符串,这只是一个语法糖,但是如果您有更多的表达式要插入并嵌入普通字符串,或者如果您的字符串跨越多行,那么使用模板文本就更方便了

$("#imgS").html(`<a href="#">
                  <img src="${rowData[3]}">
                </a>`);
$(“#imgS”).html(``);

由于模板文字,这仍然有效且可读性更高

无结果!这与图像无法显示相同,先生,请先通过此console.log(rowData[3])检查控制台中的数据;如果显示的url正确与否,则显示的是未定义的url?如果这是在控制台中显示正确的url,那么上面的代码肯定会工作。它提供如下错误:未捕获引用错误:rowData未在:1:13定义,那么您需要首先获取正确的数据。在您确定在控制台中获得了正确的图像url之后,请输入上面的代码。上面的代码应该工作得很好,所以如何获取正确的数据让我来纠正它。所有的数据都是正确的,但是当我从HTML数据表中获取图像时,它不起作用。没有结果!同样的,图像不能显示。你能给我
console.log(rowData)的结果吗行数据未在:1:13定义无结果!这和图像不能显示rowData[3]给出了什么是一样的?只是它给出了一个div,即使它不显示图像,也只是一个div,其他什么都没有
$("#imgS").html(`<a href="#"><img src="${rowData[3]}"></a>`);
$("#imgS").html(`<a href="#">
                  <img src="${rowData[3]}">
                </a>`);