javascript - jquery如何在最短时间内修改大表的行数？

Question

我有两个 html 表，每个表中的行数相同。我希望表 A 的行与表 B 的行具有相同的高度。我试过这样的事情:

$tableA.find('tr').each(function (i, elem) {
    $row = $tableB.find('tr.calendar_row:eq(' + i + ')');
    $(this).height($row.height());
});

它工作得很好，但是当我的表很大(+300 行)时，这个函数最多需要 8 秒。

有没有办法提高性能？例如，我尝试将 tableA 和 tableB 行存储到 vars，并遍历这些数组，但似乎我无法使用 jquery 的 height() 函数。

编辑:这是我的两个表:我希望我的 tableA 行与 tableB

匹配

Answer 1

尝试将 tableB 的行放入 var 中:

var rows = $tableB.find('tr.calendar_row');
$tableA.find('tr').each(function (i, elem) {
    $row = rows.eq(i);
    $(this).height($row.height());
});