jQuery：删除数据表中的行答案

【问题标题】：jQuery: deleting row in datatablesjQuery：删除数据表中的行
【发布时间】：2013-07-04 11:50:48
【问题描述】：

我正在使用 jquery 数据表，并且在具有以下结构的表中有一些 <tr>：

<tr class="odd">
     <td class="  sorting_1">0</td>
     <td class=" ">2011</td>
     <td class=" ">20</td>
     <td class=" ">
         <span class="btn-group">
            <a class="del btn btn-small" href="#"><i class="icon-delete"></i></a>       
         </span>
     </td>
</tr>

我编写了以下 jquery 代码来删除与我单击的按钮关联的行。

$(".del").bind("click", function(event){
        var target_row = $(this).parent().parent().parent();
        var aPos = oTable.fnGetPosition(target_row); // the error occurs here!
        oTable.fnDeleteRow(aPos);
          });

但我收到这样的错误：

"TypeError: a.nodeName is undefined" 在 jquery min 脚本文件中。

编辑：

这里是创建数据表的代码：

if( $.fn.dataTable ) {
            $(".mws-datatable").dataTable();
            var oTable = $(".mws-datatable-fn").dataTable({
                bRetrieve: true,
            sPaginationType: "full_numbers"
            });
        }

【问题讨论】：

请发布您的全部相关 jQuery 代码 :) 并尝试从 Google API 中包含 jquery 并查看它是否有效
fnGetPosition函数里面的逻辑是什么？
我已经尝试过使用 Google APIs cdn，但它不起作用。 @Hearaman 在这里你可以找到逻辑 og fnGetPosition：datatables.net/ref#fnGetPosition

标签： javascript jquery html dom datatables

【解决方案1】：

我用这段代码解决了这个问题：

$(".del").bind( "click", function(event) {
    var target_row = $(this).closest("tr").get(0); // this line did the trick
    var aPos = oTable.fnGetPosition(target_row); 

    oTable.fnDeleteRow(aPos);
});

【讨论】：

【解决方案2】：

$().ready(function () {
  $('body').on('click', '#deletebtn', function () {
    $("#example1 tr").each(function () {
      var rowSelector = $(this);

      if (rowSelector.find("input[type='checkbox']").prop('checked')) {
        rowSelector.remove();
      }
    });
  });
});

【讨论】：