接下来是Jquery中的嵌套选择器

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"元素，即{{1}内的输入元素与$('.toggle').next(div input)).attr("disabled", true);一起使用。

我试过next()但没有运气。我不确定我们是否可以在{{1}}中使用嵌套选择器。

Answer 1

使用next然后找到：

$('.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);