redimensionner TD dans une autre table dépendant de la table actuelle - javascript, jquery, html, css

j'ai deux table:

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

je voudrais - si TD #one #resize est plus grande de #two #resize puis #two #resize = #one #resize.

Comment puis-je faire cela dans jQuery?

EXEMPLE EN DIRECT: http://jsfiddle.net/JPJT6/

Réponses:

voir cet espoir c'est juste ...

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

Vous feriez peut-être mieux de faire de cette table un tableau unique, c’est-à-dire quelque chose du genre:

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

Bien sûr, vous devrez également adapter votre CSS ... Mais c’est probablement beaucoup plus simple que d’améliorer le rendu de la table avec jquery.