javascript - Jquery 找到一个类型的第一个直接 child

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()