如何使用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();
});