Get the array index of a jQuery selector

Question

I have a collection of buttons, for which I am selecting using class name:

<button class="validator">One</button>
<button class="validator">Two</button>
<button class="validator">Three</button>
<button class="validator">Four</button>
<button class="validator">Five</button>

I know that I have 5 buttons in jQuery's array, because:

$(".validator").length;
// returns 5

Say for example I click button "Three", how do I get it's index in the array (which in this instance would be 2) ?

@RakeshShetty - No, given a Zero based index, it should be 2 — Matthew Layton
– Matthew Layton, Commented Aug 5, 2014 at 9:55
use $(this).index(); in the `click event (note zero based) — user3559349
– user3559349, Commented Aug 5, 2014 at 9:55

Rakesh Shetty · Accepted Answer · 2014-08-05 09:56:37Z

2

Working Demo : JSFiddle

$('.validator').on('click', function() {
  alert($(this).index());
});

For more info see here

answered Aug 5, 2014 at 9:56

Rakesh Shetty

4,6268 gold badges44 silver badges82 bronze badges

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

Comments

frank pulsar · Accepted Answer · 2014-08-05 09:55:26Z

0

$('button').on('click', function() { console.log($(this).index()); });

answered Aug 5, 2014 at 9:55

frank pulsar

32 bronze badges

1 Comment

MaxArt Over a year ago

index (without arguments) returns the index of an element among its siblings. We don't actually know if there are only buttons, given the snippet.

Rakesh Shetty · Accepted Answer · 2014-08-05 10:03:51Z

0

Try this

jQuery(function(){

    jQuery('.validator').click(function(i){
            console.log(jQuery(this).index());
    });
})

JS Fiddle: http://jsfiddle.net/X74Qw/

edited Aug 5, 2014 at 10:03

Rakesh Shetty

4,6268 gold badges44 silver badges82 bronze badges

answered Aug 5, 2014 at 9:58

Gogol

3,0704 gold badges32 silver badges64 bronze badges

Collectives™ on Stack Overflow

Get the array index of a jQuery selector

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related