2017-02-12 15 views
-1

按鈕點擊不同的單元格的屬性值,在同一行中,我有一個按鈕和一個img 我要的是得到SRC圖像的屬性當我點擊按鈕時。 我可以得到整個數據。但無法弄清楚如何單獨獲取src。如何讓一個<strong>數據表</strong>在數據表

$('#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屬性值?

回答

1

考慮到你正打算做的是分析一個HTML串,一個選擇是使用DOMParser

示例代碼段,以幫助您:

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);


不確定您需要使用data功能在那裏。

看代碼,似乎你都抱着DOM對象時,它可以更容易地實現:

$(document).ready(function() { 
 
    var data = $("#exemptionsTable > img"); 
 
    console.log(data.prop("src")); 
 
});
<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>

+0

中的DOMParser奏效了。謝謝。 我不能使用你的第二個建議,因爲它不會得到所需'行'的屬性值 – Osama

相關問題