jQuery index selector

Question

I'm trying to find out a way to know the index of a anchor tag inside a certain div (one div has multiple similar anchor tags), like this :

<div>
  <a>first</a>
  <a>second</a>
  <a>third</a>
</div>

I'm using jQuery, but so far found no sollution to find the index of the anchor I have the mouse currently over.

Any ideas?

Cheers!

jitter · Accepted Answer · 2010-03-17 00:04:06Z

4

This should work

$('div a').mouseover(
function(){
  alert( $('div a').index(this) );
}
);

some changes would be required if there are multiple divs with links inside them and you want to find the index in that specific group..

jitter

54.8k11 gold badges114 silver badges130 bronze badges

answered Mar 16, 2010 at 23:18

Gabriele Petrioli

197k35 gold badges275 silver badges331 bronze badges

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

Comments

Machiel · Accepted Answer · 2010-03-16 23:15:11Z

2

$("div a").hover(function() {
    var index = $(this).index();
});

This is what you mean, am I correct?

answered Mar 16, 2010 at 23:15

Machiel

1,51512 silver badges15 bronze badges