嵌套選擇下一

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這與class="toggle"旁邊div。
在上述exmple div與id="header1"有class="toggle"，我要禁用所有input元件，其是在內部divdiv旁邊即輸入元素與id="section1"。我試過$('.toggle').next(div input)).attr("disabled", true);但沒有運氣。我不確定我們是否可以在next()中使用嵌套選擇器。

Answer 1

下次使用，然後找到：

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

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

或者使用3nigmas答案的擴展版本：

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

http://jsfiddle.net/b8n2k/

Answer 2

見Next Adjacent Selector (「prev + next」)

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