Javascript 一页中有多个数据表的可选行?
我需要在两个不同的数据表上独立地为几个页面选择行的选项。这些表具有不同的按钮,可根据所选行操作表。下面是为一个表选择一行的代码:即使我复制了所有代码并使用了不同的ID,我也无法让它在多个表中工作。有什么想法吗Javascript 一页中有多个数据表的可选行?,javascript,jquery,datatable,selected,Javascript,Jquery,Datatable,Selected,我需要在两个不同的数据表上独立地为几个页面选择行的选项。这些表具有不同的按钮,可根据所选行操作表。下面是为一个表选择一行的代码:即使我复制了所有代码并使用了不同的ID,我也无法让它在多个表中工作。有什么想法吗 var oTable; $(document).ready(function() { /* Add a click handler to the rows - this could be used as a callback */ $("#example tbody tr
var oTable;
$(document).ready(function() {
/* Add a click handler to the rows - this could be used as a callback */
$("#example tbody tr").click( function( e ) {
if ( $(this).hasClass('row_selected') ) {
$(this).removeClass('row_selected');
}
else {
oTable.$('tr.row_selected').removeClass('row_selected');
$(this).addClass('row_selected');
}
});
/* Add a click handler for the delete row */
$('#delete').click( function() {
var anSelected = fnGetSelected( oTable );
if ( anSelected.length !== 0 ) {
oTable.fnDeleteRow( anSelected[0] );
}
} );
/* Init the table */
oTable = $('#example').dataTable( );
} );
/* Get the rows which are currently selected */
function fnGetSelected( oTableLocal )
{
return oTableLocal.$('tr.row_selected');
}
在jsfiddle的代码中,在click和delete函数的第2版中,您忘记将oTable更改为oTable2,这就是重复代码无法工作的原因。Perfect。非常感谢您,控制台上从未出现过的简单疏忽。