Question

我有以下HTML代码。我试图做的是在选中名为java的复选框后显示名为javaRatingDiv的div。

我似乎无法弄清楚如何通过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" />&nbsp;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>

Answer 1

为了问题和多个“javaRatingDivs”的情况，这将在复选框点击功能中起作用：

$(this).parent().next().find('div').show();

.parent（）获取父元素 .next（）获取下一个兄弟，例如NEXT td .find（selector）可以让你在兄弟中找到一些东西

此信息适用于您遇到多个项目的问题而没有ID直接引用的信息。在上面的例子中，$（'＃javaRatingDiv'）。show（）;如帕特里克所说的那样会很有效。

Answer 2

由于div有ID，您可以直接访问它。

$('#javaRatingDiv');

这将获取ID为'javaRatingDiv'的div。

jquery访问兄弟TD在表中

2 个答案: