htmlテーブルの行のサイズを変更するには

Question

私は2つのhtmlテーブルを持ち、両方の内容が動的に生成され、両方の行も修正されています。両方のテーブルの行の高さを調整して、テーブルと行の高さが同じ高さになるようにする必要があります。状況は、2つのテーブルが単一のテーブルのように見えるように、両方のテーブルの高さを調整する必要があるということです。 私は以下のコードを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()

これらは既存のスタイリングに属性を追加する対使用がはるかに優れていると呼ばれる機能があります。

2つのスタイリングブロックを作成します。イベントが発生する前に1つ、後に1つ。

イベントが発生したら、元のスタイリングを削除して新しいものを追加します。