获取孩子的索引[重复]答案

【问题标题】：Get child's index [duplicate]获取孩子的索引[重复]
【发布时间】：2014-07-23 18:14:59
【问题描述】：

有没有人知道如何在 jQuery 中获取孩子的索引。例如：

<ul>
    <li>Item 1</li>
    <li class="active">Item 2</li>
    <li>Item 3</li>
</ul>

我想获取 li.active 的子索引？有什么想法吗？

【问题讨论】：

标签： jquery

【解决方案1】：

假设您的意思是要获取索引，您可以使用 jQuery 的 index() 函数，该函数将相对于父级的索引作为从 0 开始的整数返回。例如：

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

在你的代码中会产生1（因为li.active是父<ul>的第二个元素）。

来自文档：

返回值

如果没有参数传递给 .index() 方法，则返回值为一个整数，指示第一个元素在相对于其兄弟元素的 jQuery 对象。

【讨论】：

【解决方案2】：

您可以为此使用jQuery's index() function：

$( "li.active" ).index();

返回值

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

【讨论】：

【解决方案3】：

您可以使用.index()。

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

【讨论】：

【解决方案4】：

$("ul>li.active").index()

也许你想要什么？

【讨论】：