highlight individual cell
<p>i am working on a problem at the moment that I am having a fair amount of difficulty with. thanks to some amazingly wonderful programers I have  some javascript code that allows me to highlight a full row on a table if a cell, with id="date", has a date that is in the past. however now I am trying to convert this so that it only highlights the cell with the date itself.  the code I have so is </p>

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

#demotable1 tr.past {
background: #FF0000;
color: #999999;
}
&lt;/style&gt;
&lt;script type="text/javascript"&gt;
//&lt;![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 &lt; now_date)
{
$(this).parent('tr').addClass('past')
}
}
);
}
);

//]]&gt;
&lt;/script&gt;
</code></pre>

<p>I have tried changing .parent to .child and just about every conceivable variation of this that I can think of. </p>

<p>Any help with this problem will be greatly appriciated.</p>
