jQuery-访问嵌套子元素

2021/01/29 07:21 · jquery ·  · 0评论

假设我有以下HTML-

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

要使用jquery访问输入元素,只需输入$(“#input”)。我想做的是访问它,假设我只知道顶级div的ID。

目前我有

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

哪个似乎有效。有没有更干净的方式编写此内容,或者我做的方式还可以吗?

您只需.find()隐式或显式执行

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

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

参考: .find()

你可以试试:

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

如果您只需要SubDiv2在具有parentDiv信息的情况下查找输入,则可以使用

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

要么

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

哪里eq(1)将带您进入ParentDiv中的第二个div

尝试这个:

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

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

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

怎么样

$("#ParentDiv :input")

尝试这个

jQuery('#input').val();
本文地址:http://jquery.askforanswer.com/jquery-fangwenqiantaoziyuansu.html
文章标签: ,  
版权声明:本文为原创文章,版权归 admin 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!