比较2个表的值并突出显示不同的行

Question

我需要比较两个相同但包含一些不同数据的表的值.我必须找到并强调那种差异.我怎样才能做到这一点？

<table class="TableA">
  <tr> 
    <td>Head1</td>
    <td>Some_Value</td>
  </tr>
  <tr>
    <td>Head2</td>
    <td>SomeValue</td>
  </tr>
</table>
<table class="TableB">
  <tr>
    <td>Head1</td>
    <td>Some_Value</td>
  </tr> 
  <tr>
    <td>Head2</td>
    <td>SomeValueDiffValue</td>
  </tr>
</table> 

我需要比较这两个表并使用jquery在值单元格中突出显示diff,在上面的示例中我需要在第二个表中突出显示SomeValueButDiff

好的,我修改了Ahmet的代码:

$(".TableB tr").each(function () {
if ($(this).find("td")[1].innerHTML !=
    $(".TableA").find("td")[1].innerHTML) {
    $(this).find("td")[1].bgColor = "red";
}

});

艾哈迈德,这对我有用.

Answer 1

如果连续有多个数据单元,则需要编辑代码.

$(".TableA tr").each(function () {
    if ($(this).find("td")[0].innerHTML != $(this).find("td")[1].innerHTML) {
        $(this).find("td")[0].bgColor = "red";
    }

});

的jsfiddle