允许为每个显示的数据表选择一行

Question

我正在使用datatables.jshttps://www.datatables.net/并且正在运行中，我希望用户为显示的触及表选择一行。

我已经尝试了几件事，但无法让它工作，我的脚本检查所有的数据表而不是你选择的。我的理解是因为在我的代码中我使用var table = $('table').DataTable();来获取所有表

但我不知道如何指定它，因此它检查是否在数据表中的某一行上设置了selected类。

var table = $('table').DataTable(); 

$('table tbody').on('click', 'tr', function() { 
    if ($(this).hasClass('selected')) { 
     $(this).removeClass('selected'); 
    } 
    else { 
     table.$('tr.selected').removeClass('selected'); 
     $(this).addClass('selected'); 
    } 
}); 

Answer 1

在on()事件中获取行的表而不是使用函数外定义的表。

代码

$('table tbody').on('click', 'tr', function() { 
    var table = $(this).closest("table"); 
    if ($(this).hasClass('selected')) { 
     $(this).removeClass('selected'); 
    } 
    else { 
     table.$('tr.selected').removeClass('selected'); 
     $(this).addClass('selected'); 
    } 
});