1

私は次の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>
4

2 に答える 2

2

質問と複数の「javaRatingDivs」の場合、これはチェックボックスのクリック機能内で機能します。

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

.parent() は親要素を取得します .next() は NEXT td などの次の兄弟を取得します .find(selector) を使用すると、その兄弟内で何かを見つけることができます

この情報は、複数のアイテムの問題に遭遇し、直接参照する ID を持っていない場合のためのものです。上記の場合、 $('#javaRatingDiv').show(); パトリックが述べたようにうまくいくでしょう。

于 2010-05-22T22:27:18.697 に答える
1

にはIDがあるので、div直接アクセスできます。

$('#javaRatingDiv');

これによりdiv、IDが「javaRatingDiv」になります。

于 2010-05-22T22:19:59.747 に答える