使用JQuery修改Table特定行的相关属性

<table border="1" id="history">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
<tr>
<td>June</td>
<td>$200</td>
</tr>
<tr>
<td>July</td>
<td>$1000</td>
</tr>
<tr>
<td>October</td>
<td>$1000</td>
</tr>
</table>

$(document).ready(function() {
$("#history").children().find("td").each(function(index, data) {
if ($.trim($(data)[0].innerText) === "July") {
$(data).parent().css("background-color", "red");
}
});
});

$("#history").children().find("tr").each(function (index, data) {
if ($.trim($(data)[0].innerText).indexOf("June")>-1) {
$(data).css("background-color", "blue");
}
});