Как найти индекс строки в таблице с помощью jquery

Question

Я пытаюсь найти индекс строки в таблице. Я пытаюсь использовать следующий код, но мне кажется, что индекс равен -1.

$(document).ready(function()
{
    $("tr").click(function (){
        var index = $("table").index($(this));
        $("span").text("That was row index #" + index);
    });
});

С HTML, который выглядит так;

<table>
<tbody>
    <tr><td>click</td></tr>
    <tr><td>click</td></tr>
    <tr><td>click</td></tr>
    <tr><td>click</td></tr>
</tbody>

Спасибо

Answer 1

Вы пробовали:

$("tr").index(this)

Документация показывает, как просто передать это, и что предыдущий выбор должен быть там, где находится узел. Если вам нужно найти его в определенной таблице (а их несколько), вам может потребоваться указать некоторый контекст:

// haven't tested this
$("tr", $(this).closest("table")).index(this) 

Answer 2

Попробуйте:

var index = $("table tr").index(this);

Документация для index() гласит:

Ищет каждый соответствующий элемент для поиска объект и возвращает индекс элемент, если найден, начиная с нуля. Если передается объект jQuery, только первый элемент проверен.

Вам необходимо вызвать index() для набора <tr> элементов, а не для родительского элемента <table>.

Answer 3

На основании ответа Робса, чтобы найти индекс в конкретной таблице, это сработало для меня.

var index = $('tr', $(this).closest("table")).index(this);

Answer 4

Я только что нашел интересную уловку, которая в основном состоит в подсчете предыдущих братьев и сестер:

var tr = $(some_selector);
var rowIndex = tr.prevAll().length;

Таким образом, вы получите 0, если это первый tr, 3, если это 4-й tr и т. Д.

Просто ради этого есть еще одна опция, использующая index(), которая избавляет вас от необходимости знать, как выбрать содержащую таблицу:

var rowIndex = tr.parent().children().index(tr);