如何调整html表行的大小

Question

我有两个html表，这两个表的内容都是动态生成的，两行都是固定的。我必须调整两个表的行高，以使表和行高具有相同的高度。情况是，两个表的高度都应该调整，以便两个表看起来像一个单独的表。我有下面的代码，它在Mozilla中工作良好，但在IE中不工作。建议代码与IE一起工作。

使用的文件: jquery-1.3.2.js

for (rIndex = 1; Number(rIndex) < Number(totalrows); rIndex = Number(rIndex) + 1) {
    var lRowH = $('#tblTopLeft').find("tr").eq(rIndex).height();
    var rRowH = $('#tblRightTop').find("tr").eq(rIndex).height();

    if (Number(lRowH) > Number(rRowH)) {
        $('#tblRightTop').find("tr").eq(rIndex).css('height', $('#tblTopLeft').find("tr").eq(rIndex).css('height'));

    }
    else {
        $('#tblTopLeft').find("tr").eq(rIndex).css('height', $('#tblRightTop').find("tr").eq(rIndex).css('height'));

    }
}

Answer 1

首先升级到新版本的JQuery。

有一种称为.addClass()和.removeClass()的功能

与将属性添加到现有样式相比，使用这些属性要好得多。

您要做的是创建两个样式块；一个在事件发生之前，另一个在事件发生之后。

当事件发生时，删除原始样式并添加新样式。