Get index of the element I clicked on relative to the jquery collection

Question

I have a fiddle here, very simple one.

http://jsfiddle.net/tnQne/

The js I have is here

$(\'section a\').on(\'click\', function() {
    alert         


        

Answer 1

You need to store the original collection and call index on that collection.

var links = $('section a').on('click', function() {
    alert(links.index(this));
});

jsFiddle

---

The problem with your code is that $(this).index() will get the index of the element relative to its siblings. Since the a elements don't have any siblings, the index is always 0. The API page I've linked explains how index function works if a DOM element is the argument.

Answer 2

lonesomeday has a good way to do it but another way is:

$('section a').on('click', function(e) {
    alert( $.inArray(e.target, $('section a')) );
});​

jsFiddle example