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

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

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

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

东西

材料2

材料3

所以在这里，我想得到的是《Stuff 2》，第一段是一个直接的孩子

如果使用jquery，我会执行类似于

$（'mainDiv'）的操作我将在第一个div中获取该段落

我需要的是忽略嵌套的child，只取第一个直接的。我应该怎么做？
使用直接后代选择器

$('#mainDiv > p:first')

甚至
children（）

我宁愿在这里使用标准CSS表单：
$（'mainDiv>p:first child'）
。因此，它将直接使用本机
document.querySelect（）
实现。@c-smile-但第一段不是第一个子段，因此这将失败。@adeneo，我读这篇“元素的第一个直接子段，精确类型”，正是这个条件
p:first child
@c-smile-你错了，
p:first child
获取一个段落，该段落是其父项的第一个子项，因此对于发布的标记，它将失败，因为div是第一个子项。对于其类型的第一个元素，我们使用选择器和
：first
来获取集合中的第一个元素。@adeneo让我们尝试从字面上获取短语：“元素的第一个直接子元素”-即
*：first child
。以及“精确类型的”和“精确类型的”。最后一个条件是
>类型：first child
。
$('#mainDiv').children('p').first()