змінити розмір TD в іншому таблиці залежно від поточної таблиці - javascript, jquery, html, css

у мене є дві таблиці:

<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/

Відповіді:

побачите цю надію, що це правильно ...

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

Можливо, вам краще зробити одну таблицю, тобто щось подібне:

<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.