jquery - 比较 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 突出显示值单元格中的差异，在上面的示例中我需要在第二个表中突出显示 SomeValueButDiff

好的，我将 Ahmet 的代码修改成这样:

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

});

这对我有用，thx Ahmet。

Answer 1

如果一行中有多个数据单元格，则需要编辑代码。

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

});

JsFiddle