HTML таблица, номер строки клика

Question

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

Полагаю, алгоритм будет:

1. выбрать одну строку
2. выберите другую строку в той же таблице
3. выясните, имеет ли строка, выбранная в (2), индекс выше или ниже, чем строка, выбранная в (1)

Answer 1

Поскольку вы пометили вопрос с помощью jQuery, я дам вам ответ jQuery. Вы можете получить индекс строки, по которой щелкнули, используя метод jQuery index:

$("tr").click(function() {
   console.log($(this).index()); 
});

Внутри обработчика события click вы сможете снова использовать метод index, чтобы получить индекс текущей выбранной строки и сравнить их или сделать все, что вы пытаетесь сделать.

Answer 2

Может быть, вы можете взглянуть на этот вопрос, который несколько похож: номер строки таблицы и столбцов в jQuery . Конечно, я могу дать вам подсказку:

var rowIndex = $("#myrow").index();

Answer 3

Добавление этого ответа, потому что версии IE не понимают некоторые операции с индексами;и потому что читатель может счесть удобным использовать чистый JS вместо jQuery в этом случае:

Каждый

является дочерним [children_index] .Вы можете заглянуть в DOM, чтобы найти его и его нулевой индекс.