метод индекса jQuery

Question

Я знаю, что в jQuery много информации об index ().Но мой случай сложен, и мне нужна помощь.

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

Мне нужен индекс элемента "tr" в текущем "tbody", где я только что установил флажок.

Answer 1

Если ваш код находится в обработчике, сделайте следующее:

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

Пример: http://jsfiddle.net/bA9dx/

---

Или если вы говорите, что вынужно индексировать строку из числа всех строк в таблице, сделать это:

var rows = $('table tr');

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

    alert( idx );
});

Пример: http://jsfiddle.net/bA9dx/1/

Answer 2

вы можете использовать:

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