jquery - 如何将数据标题属性添加到 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...

有没有办法设置个人的data-title属性<td>这是在单击按钮时动态添加到数据表的。

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