Question

在数据表中，在同一行中，我有一个按钮和一个img 我想要的是当我点击按钮时获得图像的 src 属性。我可以得到整个数据。但无法弄清楚如何单独获得src。

$('#exemptionsTable tbody').on('click', 'button', function () {
        var data = exemptionsTable.row($(this).parents('tr')).data();

        var img = data[11]; // result = <img width="100" height="50" class="PhotoId" src="/ExemptionImages/bf3f2111-f7c5-4208-896f-5e71b96bb66d.png">
 });

如何从img对象中获取src属性值？

Answer 1

考虑到您打算做的是解析 HTML 字符串，一个选项是使用DOMParser

示例代码段可以帮助您：

＆＃13;

var stringToParse = '<img width="100" height="50" class="PhotoId" src="/ExemptionImages/bf3f2111-f7c5-4208-896f-5e71b96bb66d.png">';
var parser = new DOMParser();
var data = parser.parseFromString(stringToParse, "text/html");
var element = data.getElementsByClassName("PhotoId");
console.log(element[0].src);

＆＃13;

不确定您是否需要使用data功能。

查看代码，当您持有DOM对象时，似乎可以更轻松地实现：

＆＃13;

$(document).ready(function() {
  var data = $("#exemptionsTable > img");
  console.log(data.prop("src"));
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="exemptionsTable">
  <img width="100" height="50" class="PhotoId" src="/ExemptionImages/bf3f2111-f7c5-4208-896f-5e71b96bb66d.png">
</div>

＆＃13;

如何在数据表

1 个答案: