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

Question

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

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

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

所以在这里，我想得到的是“东西2”，第一段是直接的孩子。

如果使用jquery，我会执行类似$('#mainDiv').find('p:first');的操作，我会在第一个div中找到段落。

我需要的是忽略嵌套的子级并仅使用第一个直接子级。我该怎么做？

Answer 1

使用直接后代选择器>

$('#mainDiv > p:first')

甚至children()

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