如何在使用jQuery的大表中使行突出显示

问题描述：

在大多数表或任何具有大量数据行的行上，我已经看到，当编辑某些行时，该行变为黄色一段时间，然后在一段时间后恢复到正常状态。如何在使用jQuery的大表中使行突出显示

我有一个约500行的数据表。用户可以点击编辑任何内容，在新页面上编辑该行，然后回到所有500行的页面。当用户返回到500行的页面时，我想让最后编辑的行突出显示一段时间。

我知道我们可以使用addCss，但是如何在一段时间后删除css？

有人这样做，请建议一种方式或示例？

我这样做，但得到一个JS错误：

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

其中“＃'+test是的tr

答

一个id给Highlight一试。当您点击“发布您的答案”时，这与发生在您的答案上的情况是一样的。

假设你有这样的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.

突出显示似乎只对'div'有效。我试图让它在'tr'上工作，这样我可以使整行高亮 – Omnipresent 2009-06-22 04:19:03

答

什么像这样

$(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秒内开始淡入正常。

答

试试这个。你需要jQuery UI in order to use the highlight effect。

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

如何在使用jQuery的大表中使行突出显示

相关推荐