Javascript Jquery比较两个表中的行
我必须使用jquery比较两个表的单元格中的值。 在表1的值中,我应该将firstname、middlename和last name与表2进行比较。如果这3个值与表2的行匹配,那么我应该给第二个表中的行上色Javascript Jquery比较两个表中的行,javascript,php,jquery,html,css,Javascript,Php,Jquery,Html,Css,我必须使用jquery比较两个表的单元格中的值。 在表1的值中,我应该将firstname、middlename和last name与表2进行比较。如果这3个值与表2的行匹配,那么我应该给第二个表中的行上色 <table id="T1" border='1'> <thead> <tr> <th>First Name</th> <th>Middle Name</th>
<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>
名字
中名
姓
后缀
12
34
56
78
名字
中名
姓
后缀
12
34
56
23
蝙蝠
男人
11
21212
詹姆斯
债券
007
达达达
12
34
56
78
颜色是否匹配
试试这个:
$(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');
}
});
});
});
});
希望这能有所帮助。你也能分享你的JS代码吗。我看不出有什么问题,也看不出有什么问题。所以不是免费网站的代码。请你现在检查一下。我能按行写。。但是我必须只取firstname last name和middlename的值你能看一看fiddle吗?它不是两行,而是行的前三列如果整行匹配,你的代码工作得很好。我可以在fiddler中编写相同的代码,但我只想在行中取三列,并在每行中匹配三列在第二张桌子上休息哦,好的。我好像误解了。请给我一点时间谢谢,这很有效。有没有一种方法可以一次从列中取一个值。是的,我想在这种情况下,你必须为td运行另一个循环。但在这种情况下,这几乎没有必要。