javascript - 获取另一个 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

Use .index( element )

如果对元素集合调用 .index() 并传入 DOM 元素 或 jQuery 对象， .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>