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

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

1 个答案: