Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 一页中有多个数据表的可选行?_Javascript_Jquery_Datatable_Selected - Fatal编程技术网

Javascript 一页中有多个数据表的可选行?

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

我需要在两个不同的数据表上独立地为几个页面选择行的选项。这些表具有不同的按钮,可根据所选行操作表。下面是为一个表选择一行的代码:即使我复制了所有代码并使用了不同的ID,我也无法让它在多个表中工作。有什么想法吗

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。非常感谢您,控制台上从未出现过的简单疏忽。