获取另一个jquery对象中的jquery对象的索引

Question

假设

<div class='foo' id='a'></div>
<div class='foo' id='b'></div>
<div class='foo' id='c'></div>

var foos = $('.foo');

如果我们想要

，我们可以获得第一个foo

var myFoo = $(foos.get(0));

现在我们有了myFoo，我们怎么能做相反才能得到它的索引？

var index = foos.getIndexOf(myFoo);

Answer 1

  

使用.index( element )

如果在元素集合上调用.index()并传入DOM element或jQuery object，.index()将返回一个整数，表示传递的位置相对于原始集合的元素。

var foos = $('.foo');
var myFoo = $(foos.get(0));
console.log(foos.index(myFoo));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<div class='foo' id='a'></div>
<div class='foo' id='b'></div>
<div class='foo' id='c'></div>