JSFiddle - React, Tailwind, and code Playground

by berrym

HTML

<table style="border:1px solid black" id="myTable">
<tr><td id="dueDate" style="border:1px solid black">November 1, 2012</td><td>More things</td></tr>
<tr><td id="dueDate" style="border:1px solid black">November 12, 2012</td></tr>
<tr><td id="dueDate" style="border:1px solid black">November 1, 2012</td></tr>
<tr><td id="dueDate" style="border:1px solid black">December 1, 2012</td></tr>
</table>
<div id=results></div>

CSS

.pastDue{background-color:red;color:white;}

JavaScript

var i = 0;
$('#myTable tr').each(function(){
var date = new Date($('#dueDate').text());
$('#results').append(date + i + '<br />');
var today = new Date();
$('#results').append(today + '<br />');
if( date < today){
$('td#dueDate').removeClass('dueDate').addClass('pastDue');
}
i++;
});