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

Question

我正在使用 datatables.js https://www.datatables.net/ 并遇到一个问题，我希望用户为显示的到达表选择一行。

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

但我不知道如何指定它，以便它检查数据表中的某一行是否设置了 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');
    }
} );