Question

在面板栏中，有许多列表项<li>（比方说父项）。每个列表项都有不同数量的列表项（子项）。

$(".childItem:nth-child("1");

此方法将选择所有父项中的所有第一个子项。如何使用jQuery选择所需父项的子项？

Answer 1

您可以使用.childItem：nth-of-type（x），其中 x 是您想要选择的子级。 MDN

Answer 2

虽然我将展示一个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>

使用JQuery选择给定父元素的子元素

2 个答案: