2つのテーブルの値を比較して異なる行を強調表示する

Question

同一であるが異なるデータを含む2つのテーブルの値を比較する必要があります。その差分を見つけて強調しなければなりません。どうやってやるの？

：

<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> 

私はこの2つのテーブルを比較して、上記の例では、私は

Okを第二のテーブルにSomeValueButDiffを強調表示する必要がある、jQueryを使って値セルにおける差分強調するために必要、私はこれにアフメットのコードを改変しました

$(".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