使用jquery刷新div,但撤消上次更改

时间:2016-02-02 21:39:20

标签: jquery

我有一张桌子,根据2支球队得分为当前“冠军”的单元格着色。它工作得很好,但现在我试图通过刷新div中的信息来自动化该过程。

它正在做的是刷新,但保留旧的突出显示的单元格。我希望它从旧单元格中删除突出显示,并突出显示新单元格。

以下是我现在使用的基于分数突出显示的内容:

function highlight(<?php echo $NFC_team; ?>, <?php echo $AFC_team; ?>) {
var col, row;
default 
col = $('#countit td').filter(function() { //return column of NFC Team
return $(this).html() === <?php echo $NFC_team; ?>.replace(' - ', '<br>');
}).index(); 

row = $('#countit tr').filter(function() { //return row of AFC Team
return $(this).html().indexOf(<?php echo $AFC_team; ?>.replace(' - ', '<br>')) > -1;
}).index();

$('tr').eq(row + 1).find('td').eq(col).css('background-color', '#ffff00');
} 

highlight('<?php echo $NFC_team; ?> - <?php echo $NFC_Score; ?>', '<?php echo $AFC_team; ?> - <?php echo $AFC_Score; ?>');

以下是我用来刷新div的内容(包含上面的代码):

var auto_refresh = setInterval(
function ()
{
$('#refresh').load('table.php').fadeIn("slow");
}, 5000); // refresh every 5 seconds

看似简单,但我有线索。

0 个答案:

没有答案