如何使用页面中包含多个表的jquery datatable插件删除当前行

我在网站上使用datatable插件。 通常我每页只有1个数据表但在特殊显示器中我有2个数据表。

其实我有这个代码

var oTable = $('.datatable').dataTable({ 'sPaginationType':'full_numbers', "iDisplayLength": 50, "oLanguage": { "sUrl": "js/locales/dataTables.french.txt" } }); /* Add a click handler to the rows - this could be used as a callback */ $(".delete-ajax").click(function(event) { event.preventDefault(); var answer = confirm("Supprimer l'élément ?") if (answer){ var loading = $('.loading-notification'); loading.removeClass('hidden');     $(oTable.fnSettings().aoData).each(function (){         $(this.nTr).removeClass('row_selected');         });         $(event.target).parents('tr').addClass('row_selected'); var url = $(this).attr('href'); var id = $(this).attr('data-ajax'); var anSelected = fnGetSelected( oTable ); $.ajax({ type: "POST", url: url, data: "delete=true&id="+ id, async : true, success: function(msg) { loading.addClass('hidden'); oTable.fnDeleteRow( anSelected[0] ); } }); } }); /* Get the rows which are currently selected */ function fnGetSelected( oTableLocal ){ var aReturn = new Array(); var aTrs = oTableLocal.fnGetNodes(); for ( var i=0 ; i<aTrs.length ; i++ ){ if ( $(aTrs[i]).hasClass('row_selected') ){     aReturn.push( aTrs[i] );     } } return aReturn; } 

当我只有1个数据表时，这个代码很有效，但是当我有更多数据表时，我在控制台中获得了

 k is undefined [Stopper sur une erreur] h=a._iDisplayEnd;if(a.oFeatures.bServe...push(a.aoOpenRows[k].nTr)}}else{d[0]= 

有关如何解决这个问题的任何想法？

Answer 1

以下是如何删除表中的行（无论页面中的表数量是多少）

我在同一页面上有两张桌子

我不确定你给表的id有多好，但是如果它的“.datatable”那么：

将此function添加到您的页面

 $(".datatable tbody").delegate("tr", "click", function () { var iPos = oTable.fnGetPosition(this); if (iPos !== null) { oTable.fnDeleteRow(iPos);//delete row } }); 

Answer 2

我只是分享我是如何做到的。

 $(".delete-ajax").click(function(){ var row = $(this).closest("tr").get(0); //ajax code goes here to delete row in the database $.ajax({ type: "POST", url: url, data: "delete=true&id="+ id, async : true, success: function(msg) { loading.addClass('hidden'); oTable.fnDeleteRow(oTable.fnGetPosition(row)); } }); } 

更新：dataTable v1.10我现在使用：

 var row = $(this).closest("tr"); oTable.row(row).remove().draw(); 

有关更多详细信息，请参阅： https：//datatables.net/reference/api/row（）。remove（）