Question

我遇到了一个问题，我可以从HTML表格行中获取值，并且可以轻松地将它们设置为另一个文本框，但是我们如何从HTML表格行中获取图像以及如何将其设置为div，总结：我想从HTML Table行中获取图像并将其设置为div。

// For View data 
$(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]);
    $("#txtSName").val(rowData[1]);
    $("#txtSPosition").val(rowData[2]);
    $("#imgS").html(`<a href="#"><img src="images/'.rowData[3].'"></a>`);
    $("#txtSFacebook").val(rowData[4]);
    $("#txtSTwitter").val(rowData[5]);
    $("#txtSGoogleplus").val(rowData[6]);
  });
});

Answer 1

您应该这样做：

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

要在JS中进行串联，您需要使用+而不是.

您还需要在字符串的开头和结尾使用字符'，而不要使用`

如何从HTML表格行拍摄图像

1 个答案: