获取jQuery选择器的数组索引

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) ?

Answer 1

Working Demo : JSFiddle

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

For more info see here

Answer 2

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

Answer 3

Try this

jQuery(function(){

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

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