动态添加删除行 jQuery DataTables

Question

我正在尝试使用编辑/删除列向表中动态添加一行。单击删除时，我想删除单击的行。

我已经通过以下方式初始化了我的表和数据：

            $('#myTable').dataTable();


            $("#myTableAddButton").click(function () {
                var myVal1= $('#Val1').val();
                var myVal2= $('#Val2').val();
                var myVal3= $('#Val3').val();


                $('#myTable').dataTable().fnAddData([
                    myVal1,
                    myVal2,
                    myVal3,
                    '<a href="#" onclick="EditRow();return false;">Edit</a> / <a href="#" onclick="deleteRow();return false;">Delete</a>'
                ]);

那么我的DeleteRow()函数就是：

function deleteContactRow() {
    //get the row of the cell that is clicked
    var $row = $(this).closest("tr");
    $row.delete();
}

但似乎 row.delete 不是一个有效的函数。是否有其他方法可以删除该行？

编辑：$(this).remove() 和 $row.remove() 都不起作用

Answer 1

我认为你想要的魔法是

$row.parentNode.removeChild($row);

未经测试。

Answer 2

适用于 DataTables 1.9.x

function deleteContactRow() {
    //get the row of the cell that is clicked
    var $row = $(this).closest("tr");
    $('#myTable').dataTable().fnDeleteRow($row.get(0));
}

来自manual：

fnDeleteRow 为表格删除一行

输入参数：
{mixed}：要删除的从aoData开始的行的索引，或者要删除的TR元素
{function|null}：回调函数
@987654329 @: 是否重绘表格

返回参数：
{array}：被删除的行

更多详情请见fnDeleteRow。