我有以下的HTML代碼。我試圖做的是讓一個名爲javaRatingDiv的div在選中名爲java的複選框後被顯示。jquery access sibling TD在表
我似乎無法弄清楚如何通過jquery導航到表中的下一個TD。
<div id="languages">
<table style="width:inherit">
<tr style="height:50px; vertical-align:top">
<td>Select the languages that you are familiar with and rate your knowledge:</td>
</tr>
<tr>
<table style="width:75%;" align="center">
<tr id="tableRow">
<td id="firstTD"><input type="checkbox" name="java" value="java" /> Java</td>
<td id="secondTD" style="width:200px;">
<div id="javaRatingDiv" style="display:none">
<input name="javaRating" type="radio" value="1" class="star"/>
<input name="javaRating" type="radio" value="2" class="star"/>
</div>
</td>
</tr>
</table>
</tr>
</table>
</div>
這正是我正在尋找的。謝謝丹。它效果很好。欣賞這個解釋,因爲我對JQuery相當陌生。 – 2010-05-22 22:51:21
既然這是你的事情:那麼,保留在你的工具箱中的一件事就是.parents()函數。如果'td'不總是高於上面的值,那麼類似這樣的操作將會起作用: $(this).parents('td:first')。next()。find('div.classOfYourRateDiv')。show() ; – 2010-05-22 23:34:20
用於遍歷示例。我有一種感覺,這是OP可能想要的,但是走出了門。 :) – user113716 2010-05-23 11:53:13