リサイズTD現在のテーブルの依存

Question

私は2つのテーブルを持っている：

<table class="tab" id="one"> 
    <tr><td id="resize">aasd as asd asda sd</td><td>a</td></tr> 
    <tr><td>a</td><td>a</td></tr> 
</table> 
<br /> <br /> 
<table class=tab id="two"> 
    <tr><td id="resize">a</td><td>a</td></tr> 
    <tr><td>a</td><td>a</td></tr> 
</table> 

.tab td { 
    border: solid 1px red; 
    height: 20px; 
} 

iは希望 - TDの#oneの#resizeが#two #resizeの大きい場合、次いで#two #resize = #one＃サイズを変更します。

どうすればjQueryで作成できますか？

LIVE例：http://jsfiddle.net/JPJT6/

Answer 1

...それは右である

http://jsfiddle.net/JPJT6/3/

Answer 2

たぶん、あなたは、単一のテーブルにこれを作る方がいいでしょう、すなわち、これらの線に沿って何か：もちろん

<table class="tab" id="one"> 
    <tr><td id="resize">aasd as asd asda sd</td><td>a</td></tr> 
    <tr><td>a</td><td>a</td></tr> 

    <!-- A separator row --> 
    <tr><td colspan="2"><br /> <br /></td></tr> 

    <tr><td id="resize">a</td><td>a</td></tr> 
    <tr><td>a</td><td>a</td></tr> 
</table> 

、あなたはあなたを適応させる必要があるだろうCSSも同様ですが、これはjqueryを使って表のレンダリングを微調整するよりもずっと簡単です。