Вложенный селектор в Jquery next

Question

У меня следующий HTML

<div id="header1" class="toggle">Section 1 : Create an account</div>
<div id="section1">
    First name: <input type="text" name="firstname" /><br />
    Last name: <input type="text" name="lastname" />
</div> 

Я хочу отключить все input элементы, которые находятся в div, который находится рядом с div с class="toggle".
В приведенном выше примере div с id="header1", имеющим class="toggle", я хочу отключить все input элементы, которые находятся в div рядом с ним, то есть элементы ввода в div с id="section1".

Я пытался $('.toggle').next(div input)).attr("disabled", true);, но не повезло. Я не уверен, что мы можем использовать вложенный селектор в next().

Answer 1

См. Следующий соседний селектор («предыдущая + следующая»)

$("div.toggle+div").find(":input").prop("disabled",true);

Answer 2

Используйте следующее, а затем найдите:

$('.toggle').next('div').find('input').attr("disabled", true);

http://jsfiddle.net/b8n2k/1/

Или используйте расширенную версию 3nigmas:*