Jquery查找类型的第一个直接子项

Question

我正在寻找一种方法来找到一个精确类型的元素的第一个直接子元素.

让我们想象一下这个标记:

<div id="mainDiv">
    <div id="otherDiv">
        <p> Stuff </p>
    </div>
    <p> Stuff 2 </p>
    <p> Stuff 3 </p>
</div>

所以在这里,我想得到的是"Stuff 2"第一段是直接的孩子.

如果使用jquery我做的事情就像$('#mainDiv').find('p:first');我会在第一个div中得到段落.

我需要的是忽略嵌套的子项,只采用第一个直接的子项.我该怎么办？

Answer 1

使用直接后代选择器 >

$('#mainDiv > p:first')

甚至 children()

$('#mainDiv').children('p').first()