वर्तमान तालिका के लिए निर्भर अन्य तालिका में टीडी का आकार बदलें - जावास्क्रिप्ट, jquery, एचटीएमएल, सीएसएस

मेरे पास दो टेबल हैं:

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

बेशक, आपको "अपने सीएसएस को भी अनुकूलित करना होगा ... लेकिन यह संभव है कि जॉकरी के साथ टेबल रेंडरिंग की तुलना में बहुत सरल है।