jquery - jquery访问表中的兄弟TD

Question

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

我似乎无法弄清楚如何通过 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');

这将获取divID 为“javaRatingDiv”的。