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调整表渲染要简单得多。

在依赖于当前表的其他表中调整TD的大小

2 个答案: