Получить индекс объекта 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>