У меня есть следующий HTML код. Я пытаюсь сделать так, чтобы div с именем javaRatingDiv отображался после проверки флажка с именем java.jquery access sibling TD в таблице
Я не могу понять, как перейти к следующему TD в таблице через jquery.
<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. –
Поскольку это то, что вам нужно: одна вещь, чтобы сохранить в своем инструменте функцию .parents(). Если «td» не всегда является уровнем выше, то это будет работать: $ (this) .parents ('td: first'). Next(). Find ('div.classOfYourRateDiv'). Show() ; –
+1 для примера обхода. У меня было такое чувство, что, возможно, и захотел, но направился к двери. :) – user113716