jquery在数据表中标记新添加的行

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

更新以反映dataTables 1.10.x.以下原始答案的目标是1.9.x.它仍然适用,但1.10.x API方式更强大：

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

1.10.x演示 – > http://jsfiddle.net/0scq8rkm/

在1.10.x中,您将获得一个API对象,并保留该行. nodes().到$()允许您处理内部行节点,因为它是一个jQuery对象.

假设你想给新的< tr>提供以下布局：

tr.newRow {
    BACkground-color: red;
    font-size: 20px;
}

你有一个添加按钮：

<button id="add">add new row</button>

现在,当点击添加按钮时,使用返回的rowindex为新创建的< tr>通过函数fnGetNodes得到正确的行：

$("#add").click(function() {
    var rowIndex = dataTable.fnAddData([
        'new','new'
    ]);
    var row = dataTable.fnGetNodes(rowIndeX);
    $(row).removeClass().addClass('newRow');
});

看小提琴 – > http://jsfiddle.net/q4E3Y/