javascript - 突出显示单个单元格

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 以及我能想到的几乎所有可能的变体。

任何有关此问题的帮助将不胜感激。

Answer 1

只需将您的样式更改为 <td>而不是<tr> ，像这样:

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

并更改您的代码以将该类应用于该单元而不是父单元，因此替换此:

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

这样:

$(this).addClass('past')