jquery在datatable中标记新添加的行

我的html页面中有一个现有的datatable，我尝试使用fnAddData添加新行

var addId = vandropDatatable.fnAddData(["1", "2"]);

---

如何查找新添加的行以为其添加一些类（例如addClass（“new_item”））

尝试将fnRowCallback更改为以下内容：

"fnRowCallback": function( nRow, aData, iDisplayIndex ) {
  nRow.className = "your new class";
  return nRow;
}

---

更新以反映数据表1.10.x。下面的原始答案针对的是1.9.x。它仍然适用，但1.10.x API方式更强大：

$("#add").click(function() {
    var row = table.row.add([
        'new',
        'new',
        'new',
        'new',
        'new'
    ]).draw();
    row.nodes().to$().addClass('newRow');
});

1.10.x演示->

在1.10.x中，您将得到一个API对象，保留该行<代码>节点（）。到$（）允许您处理内部行节点，因为它是jQuery对象

---

假设您希望为新的

提供以下布局：

tr.newRow{
背景色：红色；
字体大小：20px；
}

您有一个添加按钮：

添加新行

现在，单击add按钮时，使用新创建的

的返回行索引，通过函数

fnGetNodes

获得正确的行：

$（“#添加”）。单击（函数（）{
var rowIndex=dataTable.fnAddData([
"新",，
"新",，
"新",，
"新",，
“新的”
]);
var row=dataTable.fnGetNodes（rowIndex）；
$（行）.removeClass（）.addClass（'newRow'）；
});

---

参见fiddle->对我来说，有效的方法是添加新行，绘制，然后使用

---

这与中列出的过程相同。

你能做一把小提琴吗？@AnoopJoshi添加新行函数可以在这里看到：我只想为onerow添加新类，我的情况是1。完成表格渲染后，添加“添加新按钮”2。单击addnew按钮后，将新行添加到现有dataable并突出显示新添加的行。如果在回调中这样做，则所有行都具有相同的类，因此，不会突出显示任何行

$("#add").click(function() {
    var newRow = table.row.add([
        'new',
        'new',
        'new',
        'new',
        'new'
    ]).draw().node();
    $(newRow).addClass('newRow');
});