Question

在大多数表格或任何有大量数据行的表格中，我已经看到，当编辑某些内容时，该行会暂时变为黄色，然后在一段时间后返回其正常状态。

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

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

有人这样做可以提出方法或展示一个例子吗？

我这样做但得到了JS错误：

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

其中'＃'+test是id

的tr

Answer 1

尝试 Highlight 。当你点击“发布你的答案”时，这与你在SO上的回答相同。

假设你有这个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

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

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

Answer 3

这样的事情

$(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在大表中突出显示行

3 个答案: