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

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