如何在第一个子级找到特定元素的第一个实例

Question

如果我有以下代码..。

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

...what是告诉jQuery在第一个子级别查找第一个div元素(即<div>more</div> )的最简单方法，这样我就可以在它周围放置一个边框了？

我试着玩了以下游戏..。

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

但没有运气。

FYI -我知道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有儿童()和第一()，它们可以帮助您完成这个任务。

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