突出顯示單個單元格

Question

我正在處理一個問題，此時我遇到了相當多的困難。感謝一些令人驚歎的精彩程序員我有一些JavaScript代碼，如果某個單元格的id =「date」具有過去的日期，那麼我可以在表格上突出顯示一行。但是現在我正試圖將其轉換爲只顯示日期本身的單元格。我有這樣的代碼是

<script type="text/javascript" src="jquery-1.3.2.min.js"></script> 
<style type="text/css"> 
body { 
background-color: transparent; 
padding: 10px; 
} 
#demotable1 tr { 
background: white; 
} 

#demotable1 tr.past { 
background: #FF0000; 
color: #999999; 
} 
</style> 
<script type="text/javascript"> 
//<![CDATA[ 

$(function() 
{ 
$('#demotable1 .date').each(function() 
{ 
var cell_date = Date.parse($(this).text().replace(/(\d{2})\/(\d{2})\/(\d{4})/, '$2/$1/$3')); 
var now_date = new Date().getTime(); 
if(cell_date < now_date) 
{ 
$(this).parent('tr').addClass('past') 
} 
} 
); 
} 
); 

//]]> 
</script> 

我試過改變.parent爲.child和幾乎所有可以想象的變化，我可以想到。

這個問題的任何幫助將大大appriciated。

Answer 1

只要改變你的風格是一個<td>代替<tr>，像這樣：

#demotable1 td.past { 
    background: #FF0000; 
    color: #999999; 
} 

，改變你的代碼的類適用於電池，而不是父母，所以替換此：

$(this).parent('tr').addClass('past') 

有了這個：

$(this).addClass('past')