ajax jquery - 跟踪对表的更改

时间:2010-08-12 05:35:09

标签: jquery

我每隔5秒使用jquery用ajax更新一个特定的表。我希望以黄色突出显示任何新插入或更改过的行。如何跟踪发生的变化?这可以在jquery中完成吗? (我的后端是django / python)

1 个答案:

答案 0 :(得分:1)

一些清晨编码:

$(document).ready(function(){
    var myInsert = function(row){
        var $test = $('#mytest'),
            $row  = $(row),
            $tr   = $row.slice(0),
            col   = 0;

        var fade = setInterval(function(){
            $tr.css('background-color', 'rgb(255,255,'+col+')');
            if(col < 255)
               col+=5;
            else clearInterval(fade);
        }, 33);

        $test.append($row);
    };

    var newrow = '<tr><td>new1</td><td>new2</td><td>new3</td></tr>';

    $(document.body).bind('click', function(){
        myInsert(newrow); 
    });
});​

我想你需要调整一些部分(我不知道你的动态HTML是怎样的)。但我希望你能得到一般的想法。

工作示例http://www.jsfiddle.net/LrCs2/1/