获取元素的第n个子编号

Question

如果我有一组这样的元素：

<div class="slides">
    <div class="frame">1</div>
    <div class="frame active">2</div>
    <div class="frame">3</div>
</div>

如何在＆＃34; frame＆＃34;中获取第n个孩子的号码？ ＆＃34;活跃＆＃34;元素的元素类？

下面将返回1（因为有一个元素与类＃34;活动＆＃34;），而不是2（因为带有＆＃34;活动＆＃34;类的元素是第二个元素＆＃34;框架＆＃34;类），这是我想要它返回的。

$('.active').index();

Answer 1

实际上，您的代码是正确的：

$('.active').index();

它返回1，因为这三个元素被编入索引为0, 1, 2（0是第一个元素）

如果您将.active课程移至三个.frame div中的最后一个，则$('.active').index();的输出将为2

来自jQuery docs：

  

如果没有参数传递给.index（）方法，则返回值是一个整数，表示jQuery对象中第一个元素相对于其兄弟元素的位置。

• 阅读更多：jQuery .index() Docs

Answer 2

来自api.jquery.com：

  

我们回到零位置

所以你的第一个元素是0