How to get index of match element using jquery

Question

I want to get indexing of match element only. Like I have '.get' class in few TR. I want to get indexing based on '.get' class for instance. fiddle

.get 0
.get 1
.get 2


<table>
    <tr class="get"><td>view</td></tr>   
    <tr><td>view</td></tr>   
    <tr class="get"><td>view</td></tr>   
    <tr><td>view</td></tr>   
    <tr><td>view</td></tr>   
    <tr><td>view</td></tr>   
    <tr class="get"><td>view</td></tr>   
</table>

$('tr.get').click(function(){
    alert($(this,'.get').index())
})

Your fiddle is empty :)

hlscalon
– hlscalon

2014-06-30 13:02:30 +00:00
Commented Jun 30, 2014 at 13:02 — hlscalon
– hlscalon, Commented Jun 30, 2014 at 13:02

Satpal · Accepted Answer · 2014-06-30 13:02:37Z

3

.index( element )

If a selector string is passed as an argument, .index() returns an integer indicating the position of the first element within the jQuery object relative to the elements matched by the selector.

Use

$('.get').index(this);

DEMO

answered Jun 30, 2014 at 13:02

Satpal

134k13 gold badges168 silver badges171 bronze badges

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

1 Comment

Jitender Over a year ago

Thanks, Exactly what I want

Seb D. · Accepted Answer · 2014-06-30 13:11:31Z

1

Alternatively, you can directly attach the index in the handler. It will fail if you have dynamic data, but it will be much faster if you have a lot of data since it does not recompute the index each time.

$('.get').each(function(index) {
    $(this).click(function() {
        alert(index);
    })
})

DEMO

answered Jun 30, 2014 at 13:11

Seb D.

5,2351 gold badge31 silver badges37 bronze badges

Comments

abc123 · Accepted Answer · 2014-06-30 13:03:27Z

0

jsFiddle

JS

$('.get').click(function () {
    alert($(this, '.get').index())
})

HTML

<table>
    <tr class="get">
        <td>view</td>
    </tr>
    <tr>
        <td>view</td>
    </tr>
    <tr class="get">
        <td>view</td>
    </tr>
    <tr>
        <td>view</td>
    </tr>
    <tr>
        <td>view</td>
    </tr>
    <tr>
        <td>view</td>
    </tr>
    <tr class="get">
        <td>view</td>
    </tr>
</table>

answered Jun 30, 2014 at 13:03

abc123

19k7 gold badges55 silver badges84 bronze badges

Collectives™ on Stack Overflow

How to get index of match element using jquery

3 Answers 3

1 Comment

Comments

jsFiddle

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related