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

我需要比较两个相同但包含一些不同数据的表中的值。我必须找到并突出差异。我怎样才能做到这一点？比较两个表的值并突出显示不同的行

<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在第二表

好的，我改性艾哈迈德的代码转换成这样：

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

}）;

这适用于我，thx艾哈迈德。

来源

2012-02-09 freshbm

你的问题是相当模糊。如果你显示一些代码并指出你在哪里挣扎，这将会有所帮助。 – 2012-02-09 07:58:39

您是自己渲染表格还是获取最终的HTML进行比较？如果你自己渲染它，你可能会更好地在服务器端进行比较。 – Drejc 2012-02-09 08:25:45

我使用两个asp.net DetailsView控件与两个不同的对象进行源代码管理，我得到表 – freshbm 2012-02-09 08:31:22

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

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

});

JsFiddle

来源

2012-02-09 08:39:26

输出好吧，thx我会尝试 – freshbm 2012-02-09 08:42:25

我需要比较tableA与TableB中的值 – freshbm 2012-02-09 10:47:17

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

回答

相关问题