如何找到一個特定元素的第一個實例，在第一個孩子的水平

Question

如果我有以下代碼...

<div id="wrapper"> 
    <h5> 
     <div>something</div> 
    </h5> 
    <div>more</div> 
</div> 

...什麼是告訴jquery的最簡單的方法，找到第一個div元素第一個孩子的水平，這將是<div>more</div>，這樣我可以在它周圍放置一個邊框？

我試着用下面玩耍......

$('#wrapper').next('div').css({'border':'solid 2px pink'}); 

，但沒有運氣。

僅供參考 - 我知道div並不假設坐在h5元素內，這是我無法控制的修改。

Answer 1

你可以使用jQuery的子選擇器，然後：從第一個選擇器。

• https://api.jquery.com/child-selector/
• https://api.jquery.com/first-selector/

$('#wrapper>div:first').css({'border':'solid 2px pink'});

Answer 2

jQuery有children()和first()它可以幫助您與此有關。

$('#wrapper').children('div').first().css({'border':'solid 2px pink'});