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

bazik • 5 年前 • 1501 次点击

在panelbar中有许多列表项 <li> (比如说父项)。每个列表项都有不同数量的列表项(子项)。

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

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

Python社区是高质量的Python/Django开发社区
本文地址：http://www.python88.com/topic/51409

1501 次点击

文章 [ 2 ] | 最新文章 5 年前

• 1 楼

Scott Marcus 6 年前

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

• 2 楼

JoelDoryoku 6 年前

您可以使用.childItem:nth类型(x),其中十是你要选择的孩子。 MDN

登录后回复