未捕获的TypeError：$（...）。dataTable（...）。row不是函数

Question

我正在使用数据表，并且要在单击该行时删除选定的行。

这是datatabe的代码

$('.data-table').dataTable({
  "aaSorting": [],
  "oLanguage": {"sSearch": ""},
  "fnDrawCallback": function (oSettings) {}
});

这是删除功能...

<input type="button" class="btndel btn-primary btn btn-primary" onclick="                                                                  $(this).closest('tr').addClass('selected');
if ($('.tab1').hasClass('active')) {
  var rows = $('.data-table').dataTable().row('.selected').remove().draw();
  var xSum = 0;
  var items = document.getElementsByClassName('pp');
  var itemCount = items.length;
  var total = 0;
  $('.pp').each(function () {
  var che = isNaN($(this).text());
  if (che == false) {
    xSum += parseFloat($(this).text());
  }
});
var value1 = xSum / parseInt(itemCount);
$('#avgsold').text(value1.toFixed(2));
}
if ($('.tab2').hasClass('active')) {}" value="Delete" />

但这给了错误

未捕获的TypeError：$（...）。dataTable（...）。row不是函数

提前致谢

Answer 1

请使用以下代码：

$('.data-table').DataTable().row('.selected').remove().draw();

要么

$('.data-table').dataTable().api().row('.selected').remove().draw();

当DataTables插件更新为1.10时，row()可以通过DataTable()或访问更新的API方法（例如）dataTable().api()。仍然可以通过访问旧的API方法dataTable()。

有关更多信息，请参见API。