如何正確選擇下一個div與jQuery

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(); 
});