jquery index of an element in an selector array

Question

I'm trying to get the index of an element within an array returned by a jquery selector.

Here's my code:

$("div").click( function(){
  alert( $.inArray( $(this), $("#div") ) );
});

An an example, for this HTML:

<div>A</div>
<div>B</div>
<div>C</div>
<div>D</div>

I want it to display "4" when the user clicks the div containing D. Is there any way to do this? This inArray function doesn't seem to do what I expect when applied to selectors.

Dennis · Accepted Answer · 2011-09-22 14:01:52Z

2

You just want:

$("div").click(function(){
  alert($(this).index("div"));
});

(You would need to add 1 to the result of the .index() call since the index is 0-based).

Example: http://jsfiddle.net/andrewwhitaker/tdcVU/

edited Sep 22, 2011 at 14:01

Dennis

32.7k12 gold badges66 silver badges79 bronze badges

answered Sep 22, 2011 at 13:58

Andrew Whitaker

126k32 gold badges296 silver badges308 bronze badges

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

Comments

peirix · Accepted Answer · 2011-09-22 13:59:39Z

0

Another method you could use is the prevAll()

alert($(this).prevAll("div").length + 1);

answered Sep 22, 2011 at 13:59

peirix

37.9k24 gold badges98 silver badges130 bronze badges

Comments

SudhirJ · Accepted Answer · 2011-09-22 14:02:43Z

0

try

.index()

var selectedItem = $(this); var index = $('div').index(selectedItem);

answered Sep 22, 2011 at 14:02

SudhirJ

1611 silver badge8 bronze badges

Comments

ipr101 · Accepted Answer · 2011-09-22 14:10:55Z

0

Here's an update of your code that would work -

$("div").click( function(){
  alert( $.inArray( this, $("div") ) );
});

The changes are -

Changed the selector passed into the array argument of inArray from #div to div
Passed a normal JavaScript DOM element rather than a jQuery wrapped element into the inArray function

Working demo - http://jsfiddle.net/ipr101/CfY8j/

answered Sep 22, 2011 at 14:10

ipr101

24.2k8 gold badges61 silver badges62 bronze badges

Collectives™ on Stack Overflow

jquery index of an element in an selector array

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related