在其他表中调整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 #resize。

我怎样才能在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调整表呈现要简单得多。