jQuery index method

Question

i know there is a lot of info about index() in jQuery. But my case is complicate and I need help.

<table>
 <tbody>
  <tr>
   <td>abc</td>
   <td><input type="checkbox"/></td>
  </tr>
  <tr>
   <td>def</td>
   <td><input type="checkbox"/></td>
  </tr>
 </tbody>
</table>
<table>
 <tbody>
  <tr>
   <td>ghi</td>
   <td><input type="checkbox"/></td>
  </tr>
  <tr>
   <td>jkl</td>
   <td><input type="checkbox"/></td>
  </tr>
 </tbody>
</table>

What i need is index of "tr" element in current "tbody" where i've just checked the box.

user113716 · Accepted Answer · 2011-07-14 15:29:49Z

5

If your code is in a handler, do this:

$('table input[type="checkbox"]').change( function() {
    var idx = $(this).closest('tr').index();
});

Example: http://jsfiddle.net/bA9dx/

Or if you're saying you need to index of the row from among all the rows in the table, do this:

var rows = $('table tr');

$('table input[type="checkbox"]').change( function() {
    var idx = rows.index( $(this).closest('tr') );

    alert( idx );
});

Example: http://jsfiddle.net/bA9dx/1/

answered Jul 14, 2011 at 15:29

user113716

323k64 gold badges454 silver badges441 bronze badges

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

Comments

Nicola Peluchetti · Accepted Answer · 2011-07-14 15:30:22Z

0

you could use:

$('input').click(function(){
    var i = $(this).closest('tr').index();
    //i is the index
});

answered Jul 14, 2011 at 15:30

Nicola Peluchetti

76.9k32 gold badges150 silver badges197 bronze badges

Collectives™ on Stack Overflow

jQuery index method

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related