Question

我需要你的帮助。我有两张并排的桌子，我希望通过ID进行同步。

<html>
    <body>
        <table id="table1" border=1 style="float:left;">
            <thead>
              <tr>
                <th>name</th>
                <th>ID</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>Emmanuel</td>
                <td>17321</td>
              </tr>
              <tr>
                <td>Stewart</td>
                <td>94003</td>
              </tr>
              <tr>
                <td>Tana</td>
                <td>44041</td>
              </tr>
            </tbody>
        </table>

        <table id="table2" border=1 style="display: inline-block;">
            <thead>
              <tr>
                <th>score</th>
                <th>ID</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>47</td>
                <td>44041</td>
              </tr>
              <tr>
                <td>89</td>
                <td>17321</td>
              </tr>
              <tr>
                <td>25</td>
                <td>94003</td>
              </tr>
            </tbody>
        </table>
    </body>
</html>

正如您所看到的那些表是无序的，我想订购它们： http://jsfiddle.net/9jzb1qwg/

这是我在jQuery中的方法：

var rows = [];
$('#table1 tbody tr td:nth-child(2)').each(function () {
    var value = $(this).text();
    var r = $('#table2 tbody tr:has(td:last:contains("' + value + '"))')[0];
    rows.push(r);
});
$('#table2').children("tbody").html(rows);

这样可以正常工作，但是具有更多列和更多记录的表中的性能运行速度非常慢...... 有没有办法让它更快？谢谢你的帮助。

两个html表由ID同步

0 个答案: