Question

我在表中使用Datatable插件。我正在通过Jquery动态添加行：

代码：

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

现在的问题是我想让这个表响应，所以更具体地说，我想使用jquery设置个人<td>的属性，如

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

有没有办法设置单个<td>的data-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));
});

如何将数据标题属性添加到jquery数据表中动态添加的行？

1 个答案: