在panelbar中有许多列表项 <li> (比如说父项)。每个列表项都有不同数量的列表项(子项)。
<li>
$(".childItem:nth-child("1");
此方法将选择所有父项的所有第一个子项。 如何使用jQuery选择所需父项的子项?
虽然我将展示一个JQuery解决方案,但这是一件非常简单的事情,以至于JQuery真的有点过头了。
$("ul.list:first-of-type > li:first-of-type").addClass("active");
.active { background-color: yellow; }
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <ul class="list"> <li>item</li> <li>item</li> <li>item</li> <li>item</li> </ul> <ul class="list"> <li>item</li> <li>item</li> <li>item</li> <li>item</li> </ul> <ul class="list"> <li>item</li> <li>item</li> <li>item</li> <li>item</li> </ul> <ul class="list"> <li>item</li> <li>item</li> <li>item</li> <li>item</li> </ul>
您可以使用.childItem:nth类型(x),其中 十 是你要选择的孩子。 MDN
