Javascript Jquery数据库删除并添加新行

我使用的是：jquery.dataTables.js，来自：

问题:

如果我删除一些行并在其后添加新行，我删除的行将返回

如果我添加1行并删除这一行，在添加另一行后，插入2行，而不是1行

所以我想归档的是：

删除的行不会被删除

如果我只添加了1个新行，那么之前是否删除了一行并不重要

html:

---

jsIDLE:

您应该使用DataTables api删除行，其他明智的DataTables无法知道实际删除的是什么

此外，您还需要改用

initComplete

，因为

fnDrawCallback

在每次表绘制时都会触发，所以您不希望每次都添加

click事件

处理程序

 "initComplete": function(oSettings) {
    $("i.fa.fa-minus-square").click(function(event) {
      table.row( $(this).closest('tr') ).remove().draw();
    });
  }

工作

编辑

使用jquery

委托单击

动态添加行

 "initComplete": function(oSettings) {
    $(this).on("click", "i.fa.fa-minus-square", function(event) {
      table.row( $(this).closest('tr') ).remove().draw();
    });
  }

---

谢谢，这是我正在寻找的，抱歉，但我需要能够删除添加的行，这也是可能的吗？：请参阅我的JSFIDLE：是的，您需要使用

单击委托

。更新小提琴

 "initComplete": function(oSettings) {
    $("i.fa.fa-minus-square").click(function(event) {
      table.row( $(this).closest('tr') ).remove().draw();
    });
  }

 "initComplete": function(oSettings) {
    $(this).on("click", "i.fa.fa-minus-square", function(event) {
      table.row( $(this).closest('tr') ).remove().draw();
    });
  }