如何將數據標題屬性添加到jQuery數據表中動態添加的行？

Question

我在表中使用Datatable插件。我的jQuery動態添加一行：

代碼：

var t = $('#example').DataTable(); 
t.row.add([ 
    counter +'.1', 
    counter +'.2', 
    counter +'.3', 
    counter +'.4', 
    counter +'.5' 
]).draw(); 

現在的問題是我想使這個表響應，所以更具體我想單獨設置<td>的使用jQuery像屬性

<td data-title="counter1"> 
<td data-title="counter2" > 
...and so on... 

有沒有什麼辦法來設置它動態地添加一個按鈕，點擊數據表中單獨<td>的數據title屬性。請幫忙。

Answer 1

你可以得到node容器節點對象爲新添加的行，然後你可以在每個<td>當前迭代中它來設置data-title如下：

var t = $('#example').DataTable(); 
var rowNode = t.row.add([ 
    counter +'.1', 
    counter +'.2', 
    counter +'.3', 
    counter +'.4', 
    counter +'.5' 
]).draw() 
.node(); //grab the container node 

//find td present in this row 
$(rowNode).find("td").each(function(index){ 
    $(this).attr("data-title", "counter"+(index+1)); 
});