調整大小TD在其他表依賴於當前表

Question

我有兩個表：

<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; 
} 

我想 - 如果TD #one #resize是#two #resize的較大然後#two #resize = #one＃調整。

我該如何在jQuery中做到這一點？

活生生的例子：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的表格渲染更簡單。