javascript - Jquery 遍历表格并突出显示已更改的单元格

Question

我有一个表，它是 mysql 记录的历史记录。

我想添加一个按钮来突出显示更改。

<table>
<tr>
  <td>100</td>
  <td>200</td>
  <td>300</td>
</tr>
<tr>
  <td>100</td>
  <td>200</td>
  <td>600</td>
</tr>
</table>

在此示例中，600 将突出显示，因为它以前是 300，现在是 600。

更新:谢谢，我应该说会有超过 2 行。最多可达 20 行

Answer 1

This jsFiddle显示了一个示例，该示例将迭代任意大小的表格，并突出显示与上一行相比已更改的单元格。

$(function() {
var $rows = $("tr");

for (oldIndex = 0; oldIndex < $rows.length-1; oldIndex++) {
   var newIndex = oldIndex + 1;
    var $oldCols = $("td", $rows[oldIndex]);
    var $newCols = $("td", $rows[newIndex]);

    for (col = 0; col < $oldCols.length; col++) {
       var $newCol = $($newCols[col]);
        if ($($oldCols[col]).html() != $newCol.html()) {
            $newCol.addClass("highlight");
        }

    }


}
});​