突出显示单个单元格

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')