jquery datatableの動的に追加された行にdata-title属性を追加する方法は？

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コンテナノードオブジェクトを取得することができ、その後、あなたは次のようdata-titleを設定し、その中に各<td>存在に繰り返すことができます。

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