Get Jquery index of element based on class

Question

I need to find the index of element with class "span":

<div>
<div>
    <div class="sd">
        <h2> H2 TEXT </h2>
        <span> SPAN </span>
        <span class="span"> SPAN </span>
    </div>
</div>
</div>

So i did:

var q = $('div > div > div.sd').find('.span').index();
alert(q)

This alerts "2" but the class is the first and only so it should alert "1". Is this because Jquery looks for the tag and not the class? I googled a lot and searched on stack but all examples include a click event which I don't want.

Live example: http://jsfiddle.net/jL7dsv5y/

From the documentation: If no argument is passed to the .index() method, the return value is an integer indicating the position of the first element within the jQuery object relative to its sibling elements. — Barmar
– Barmar, Commented Dec 14, 2014 at 10:34
I'm not sure what you're expecting. It's the first and only of what? — Barmar
– Barmar, Commented Dec 14, 2014 at 10:35
Indexes are zero-based, so if you think it's the first, shouldn't it alert 0? — Barmar
– Barmar, Commented Dec 14, 2014 at 10:36
@Barmar Its the first and only of element with class "span". Are you saying it can't be done with Jquery index? — Youss
– Youss, Commented Dec 14, 2014 at 10:37
You can give an argument to index, and it will find its position within that collection. — Barmar
– Barmar, Commented Dec 14, 2014 at 10:37

Barmar · Accepted Answer · 2014-12-14 10:41:48Z

2

If you apply .index() to a collection, and pass an element to it, it will return the position of that element within the collection. This will alert 0 because the .span element within the div is the first of all the .span elements in the document.

var q = $(".span").index($('div > div > div.sd').find('.span'));
alert(q);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <div>
    <div class="sd">
      <h2> H2 TEXT </h2>
      <span> SPAN </span>
      <span class="span"> SPAN </span>
    </div>
  </div>
</div>

answered Dec 14, 2014 at 10:41

Barmar

789k57 gold badges554 silver badges669 bronze badges

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

1 Comment

Youss Over a year ago

Thanks, and thank you for elaborating on it:) Im always struggling with index

Collectives™ on Stack Overflow

Get Jquery index of element based on class

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related