jqueryを使用して大きなテーブルで行をハイライト表示する方法

Question

テーブルのほとんど、またはデータ行が多いものでは、何かが編集されたときにその行がしばらく黄色になってからしばらくしてからその正常状態に戻る。

私は約500行のデータテーブルを持っています。ユーザーは何でも編集をクリックし、新しいページでその行を編集し、500行すべてのページに戻ることができます。ユーザーが500行のページに戻ると、最後に編集した行をしばらく強調したいと思う。

私はaddCssを使用できますが、しばらくしてからCSSを削除するにはどうすればよいですか？

これを行った人は、方法を示唆したり、例を示したりできますか？

私はこれをやってますが、JSのエラーを取得しています：

$('#'+test).effect("highlight", {}, 3000); 

はどこ「＃'+testがHighlight試してみてtr

Answer 1

のidです。これはあなたが「あなたの答えを投稿」を押すとあなたの答えに起こる同じことです。

は、このHTMLがあるとします。

<table id="myTbl"> 
     <tr> 
      <td>Frist</td> 
      <td>Row</td> 
     </tr> 
     <tr> 
      <td>Second</td> 
      <td>Row</td> 
     </tr> 
    </table> 

CODE：

$(document).ready(function(){ 
    $("#myTbl tr:first-child").effect("highlight", {}, 3000); 
}); //this is from jquery.com page. 

Answer 2

何この

$(window).load(function() { // that way, the transition won't start until the whole page has loaded. note I think you may only have one of these events. 

    $('#my-table tr:last td').addClass('highlight'); 

    setTimeout(function() { 
     $('#my-table tr:last td').animate({ backgroundColor: 'transparent' }, 1000); 

    }, 3000); 



}); 

のようなものについて今、あなたはあなたのCSSのクラスのハイライトを設定した場合、ページには最後の表の行がハイライト表示されている必要があり、3秒程度で通常にフェードし始めるはずです。

Answer 3

jQuery UI in order to use the highlight effectが必要です。

$('a').click(function(){ 
    $('tr').effect('highlight', 3000); 
});