允許爲每個顯示的數據表選擇一行

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'); 
    } 
});