так, естественно, не работает, но и ячейки раньше времени не появляются
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<style>
td {
border: solid 1px;
}
.active {
background: green;
}
</style>
<div class="table"></div>
<script>
$(document).ready(function() {
alert ('Красим ячейки!');
$('#my_table td:nth-child(28)').each(function () {
if(this.innerHTML == '1') {
$(this).closest("tr").addClass("active");
}
});
var str = "<table id='my_table'><tr>";
for (var i = 1; i < 28; i++) {
str += "<td>" + i + "</td>";
}
str += "<td>1</td></tr></table>";
document.querySelector(".table").innerHTML = str;
});
</script>