Jquery - 访问嵌套的子元素

Question

假设我有以下HTML -

<DIV id="ParentDiv">
    <DIV id="SubDiv1"></DIV>
    <DIV id="SubDiv2">
        <INPUT id="input">
    </DIV>
</DIV>

要使用jquery访问input元素，它只是$（“＃input”）。我想要做的是访问它，假设我只知道顶级div的ID。

目前我有

$($($("#ParentDiv").children()[1]).children()[0])

这似乎有效。是否有更简洁的方式来写这个，或者我正在做的方式好吗？

Answer 1

您只需隐式或明确地执行.find()：

$('#ParentDiv input');  // implicitly

$('#ParentDiv').find('input'); // explicitly

参考：.find()

Answer 2

您可以尝试：

1. $('#ParentDiv input')
2. $('input', '#ParentDiv')
3. $('#ParentDiv').find('input')

Answer 3

如果您需要查找来自SubDiv2的输入，只有拥有parentDiv信息才可以使用

$("#ParentDiv div:eq(1) input")

或

$("#ParentDiv div:eq(1)").find("input")

其中eq（1）将为您提供ParentDiv中的第二个div

Answer 4

试试这个：

 $('#ParentDiv').find('input');

Answer 5

有很多方法可以做到这一点。这是一个

$("#ParentDiv > div:eq(1) > input")

Answer 6

怎么样

$("#ParentDiv :input")

Answer 7

试试这个

jQuery('#input').val();