Сравнение значений двух таблиц и выделение строк, которые отличаются

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 во второй таблице

Хорошо, я изменил код Ахмета так:

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