как сделать подсветку строки в большой таблице с помощью jquery

Question

В большинстве таблиц или в тех, у которых много строк данных, я видел, что когда что-то редактируется, эта строка на некоторое время становится желтой, а затем через некоторое время возвращается в нормальное состояние.

У меня есть таблица данных с около 500 строк. Пользователь может щелкнуть «Редактировать» на любом объекте, отредактировать этот ряд на новой странице и вернуться на страницу со всеми 500 строками. Когда пользователь возвращается на страницу с 500 строками, я хочу на некоторое время выделить последнюю отредактированную строку.

Я знаю, что мы можем использовать addCss, но как мне удалить css через некоторое время?

Может ли кто-то, кто сделал это, предложить способ или показать пример?

Я делаю это, но получаю ошибку JS:

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

где '# '+test является id из tr

Answer 1

Дайте Выделите попробовать. Это то же самое, что происходит с вашим ответом на SO, когда вы нажимаете «Опубликовать свой ответ».

Предположим, у вас есть этот HTML:

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

КОД:

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

Answer 2

Попробуй это. Вам нужен jQuery UI, чтобы использовать эффект выделения .

$('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 секунды.