过滤后的 jQuery 集中元素的索引

Question

所以我现在已经搜索了几个小时，但还没有真正找到解决方案。

似乎 jQuery 方法 .index() 在调用集合中的元素时没有考虑选择器。

澄清一下，当我有一个包含 5 个 li 元素的列表时，其中元素 2、3 和 4 具有“foo”类。当我第一次使用 $('li.foo') 过滤这些项目时，我得到了一个大小为 3 个元素的集合。当我像这样 $('li.foo').first().index() 对集合中的第一项执行 .index() 时，而不是返回 0（因为它是集合中的第一项并且索引开始从 0 开始计数），它实际上返回 1（或者换句话说，第二项的索引）。

现在对于上面的示例，在我的示例中似乎不需要使用索引，但在我的代码中，我实际上过滤了过滤后的集合（ $('li.foo').filter('.active') ）获取单个项目，然后获取该项目的索引。

问题似乎是 .index 忽略了过滤器和选择器，而我在 $.inArray(); 中没有任何运气

如果有人能阐明如何以可靠的方式获取索引，我将非常感激！

Answer 1

index 方法有多种变体可以在这方面提供帮助

你可以在一组元素上调用它并传递element whose index has to be found as an argument

var $lis = $('li.foo');
var idx = $lis.index($lis.first());//will return 0

---

另一种方式是传递selector as an argument然后index会根据当前元素的位置相对于元素集合返回的元素集合中元素的位置返回索引值

var $el = $('li.foo').first();
var idx = $el.index('li.foo');

---

至于你的问题

var $lis = $('li.foo'), $active = $('li.foo').filter('.active');
var index = $lis.index($active)