Javascript 关注第一个孩子<;李>;具有<;a>;贴上标签

Javascript 关注第一个孩子<;李>;具有<;a>;贴上标签,javascript,jquery,html,Javascript,Jquery,Html,在计算如何仅选择li标记中包含链接的第一个子项时遇到了一些问题 HTML: <ul class="dropdown-menu" role="menu" aria-expanded="true"> <li role="presentation" class="dropdown-header">Label</li> <li><a href="#">Select Me</a> </li> </ul>

在计算如何仅选择li标记中包含链接的第一个子项时遇到了一些问题

HTML:

<ul class="dropdown-menu" role="menu" aria-expanded="true">
  <li role="presentation" class="dropdown-header">Label</li>
  <li><a href="#">Select Me</a> </li>
</ul>

在这种特殊情况下,它不会通过作为“标签”的列表项

您可以使用
eq
方法

eq方法将匹配元素集减少为一个匹配元素集 指定的索引

$('body').find('.dropdown menu li a').eq(0).css('color','red')

    标签1 标签2 标签3

$('.dropdown menu>li>a')第一个(

dropdown.find('.dropdown menu li a').first().focus()
,但你的意思可能是
.dropdown menu>li>a
,这将使嵌套的下拉菜单有所不同,并且表现更为健壮。使用dropdown.find('.dropdown menu-li a').eq(0).focus();“干得好吗?”泽梅克很高兴help@zemaker,同时,我为您的问题提供了三种解决方案。
dropdown.find('.dropdown-menu li:first-child a').focus();