jquery - 已选择数据表类

Question

我想将类添加到选定的行，当我初始化表并单击行时，我的代码运行良好。

 $('#dataTables-example tbody').on( 'click', 'tr', function () {            
        if ( $(this).hasClass('selected') ) { 
            $(this).removeClass('selected'); 
        } 
        else {                 
            table.$('tr.selected').removeClass('selected'); 
            console.log($(this).text());
            $(this).addClass('selected').css('color', 'red');                
        }  

      });

但是当我通过 Ajax 重新初始化表格并单击新行时，添加类“selected”不起作用。

Answer 1

添加 off('click', 'tr') 有帮助。

$('#dataTables-example tbody').off('click', 'tr').on( 'click', 'tr', function () {            
    if ( $(this).hasClass('selected') ) { 
        $(this).removeClass('selected'); 
    } 
    else {                 
        table.$('tr.selected').removeClass('selected'); 
        console.log($(this).text());
        $(this).addClass('selected').css('color', 'red');                
    }  

  });