javascript - jQueryで次のdivを正しく選択する方法

Question

変更された入力タグに次に近い div を選択しようとしています。これを実行しても何も起こりません。一番近いタグと次のタグを試しました。

$("input[id='declined']").change(function(){
     $(this).next('div.textarea_container').fadeIn();
});

HTML:

    <div id="gcheckbox">
         <input type="radio" id="name10" class="guidelines" name="Confirmed diagnosis of melanoma" value="Accepted">
         <input type="radio" class="guidelines no_margin" name="Confirmed diagnosis of melanoma" id="declined" value="Declined">
         <label>Confirmed diagnosis of melanoma</label>
              <div class="textarea_container">
                 <textarea placeholder="reason" id="notearea0"></textarea>
              </div>
     </div>

これでサンプルファイルができました。 http://jsfiddle.net/dMmuW/

Answer 1

jQuery のnext関数は、隣接する兄弟要素に対してのみ機能しnextAllます。選択した要素の後のすべての兄弟要素を取得し、必要な要素にフィルターするために使用します。

$('#declined').change(function () {
    $(this).nextAll('div.textarea_container').fadeIn();
});