比較兩個表的值並突出顯示不同的行

我需要比較兩個相同但包含一些不同數據的表中的值。我必須找到並突出差異。我怎樣才能做到這一點？比較兩個表的值並突出顯示不同的行

<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

比較兩個表的值並突出顯示不同的行

回答

相關問題