2つのテーブルの行を比較するJquery

Question

jqueryを使用して2つのテーブルのセルの値を比較する必要があります。 私はfirstnameとmiddlenameとlastnameとを表2と比較するべきです。これらの3つの値が表2の行と一致すると、2番目の表の行に色を付ける必要があります。

Fiddle

<table id="T1" border='1'> 
    <thead> 
    <tr> 
     <th>First Name</th> 
     <th>Middle Name</th> 
     <th>Last Name</th> 
     <th>Suffix</th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr> 
     <td>12</td> 
     <td>34</td> 
     <td>56</td> 
     <td>78</td> 
    </tr> 
    </tbody> 
</table> 

<table id="T2" border='1'> 
    <thead> 
    <tr> 
     <th>First Name</th> 
     <th>Middle Name</th> 
     <th>Last Name</th> 
     <th>Suffix</th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr> 
     <td>12</td> 
     <td>34</td> 
     <td>56</td> 
     <td>23</td> 
    </tr> 
    <tr> 
     <td>bat</td> 
     <td>man</td> 
     <td>11</td> 
     <td>21212</td> 
    </tr> 
    <tr> 
     <td>james</td> 
     <td>bond</td> 
     <td>007</td> 
     <td>dadadada</td> 
    </tr> 
    <tr> 
     <td>12</td> 
     <td>34</td> 
     <td>56</td> 
     <td>78</td> 
    </tr> 
    </tbody> 
</table> 

<br /><br /><br /><br /> 

<button id="btn">color if matches</button> 

Answer 1

これを試してみてください：

$(function(){ 
    $('#btn').on('click', function(e){ 
     $('#T1 tbody tr').each(function(){ 
     var row = $(this); 
     var left_cols = $(this).find("td:lt(3)"); 
     $('#T2 tbody tr').each(function(){ 
      var right_cols = $(this).find("td:lt(3)"); 
      if(left_cols.html() == right_cols.html()) { 
       left_cols.css('background-color', 'green').css('color', 'red'); 
       right_cols.css('background-color', 'green').css('color', 'red'); 
      } 
     }); 
     }); 
    }); 
}); 

は、この情報がお役に立てば幸いです。