Datatables - マウスオーバー時に行をハイライト表示

Question

特定の値がエラーのときに行を強調表示しようとしましたが、マウスオーバー時にすべての行が強調表示されます。

私の間違いはどこですか？

https://jsfiddle.net/p0np06mx/

$('#table1').DataTable({ 
     "bFilter" : false, 
     "ordering": true, 
     columnDefs: [{ 
     orderable: false, 
     targets: "no-sort"}], 
     "paging": false, 
     drawCallback: function (settings) { 
     $('#table1 tr').each(function() { 
      var Cell = $(this).find('td:eq(3)'); 
      debugger; 
      if (Cell.text() !== 'error') { 

       $(this).find('button').hide(); 
       $(this).find('textarea').hide(); 

      }else{ 

       $(this).parent().on('mouseover', 'tr', function() { 
        $(this).css('background-color', '#ff6900'); 

        $(this).bind("mouseout", function(){ 
         $(this).css('background-color', ''); 
        }); 

       }); 
      } 

     }); 
    } 

Answer 1

fiddle、ちょうどあなたが右の要素を指していることを確認してください

$(this) 

cell 

と交換

Answer 2

あなたはマウスオーバーでクエリを実行する必要があります。今すぐ、テーブルを描画した直後にセルクエリを実行します。