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

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'});