Get index of jquery object within another jquery object

Question

Suppose

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

var foos = $('.foo');

we can get the first foo if we want

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

Now that we have myFoo, how can we do the opposite to get its index?

var index = foos.getIndexOf(myFoo);

JQuery's index() function is described here: api.jquery.com/index — Mike Scotty
– Mike Scotty, Commented Jun 11, 2016 at 2:39

Rayon · Accepted Answer · 2016-06-11 02:53:31Z

1

Use .index( element )

If .index() is called on a collection of elements and a DOM element or jQuery object is passed in, .index() returns an integer indicating the position of the passed element relative to the original collection.

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>

edited Jun 11, 2016 at 2:53

answered Jun 11, 2016 at 2:48

Rayon

36.6k5 gold badges54 silver badges78 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Get index of jquery object within another jquery object

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related