Jquery查找某種類型的第一個直接子代

我正在尋找一種方法來查找精確類型元素的第一個直接子代。Jquery查找某種類型的第一個直接子代

讓我們想象一下這個標記：

<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內的段落。

我需要的是忽略嵌套的孩子，只採取第一個直接的。我應該怎麼做？

2014-03-01 Malharhak

使用嫡系選擇>

$('#mainDiv > p:first')

甚至children()

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

2014-03-01 17:10:12 adeneo

@Malharhak - 歡迎您。 – adeneo

我寧願在這裏使用標準的CSS表單：'$（'＃mainDiv> p：first-child'）'。所以它會直接使用原生的'document.querySelect（）'實現。 –

@c微笑 - 但第一段不是第一個孩子，所以這會失敗。 – adeneo

回答