Как выделить строку и столбец таблицы, когда над ячейкой, используя jQuery?

Question

У меня есть таблица 10x10 в HTML если я добавлю функцию для каждого тд наведения, как я могу получить столбец ячейки и индекс строки?

Спасибо.

Answer 1

Посмотрите на этот ответ . Если вы реализуете это самостоятельно, чтобы получить подсветку строк, вы просто должны использовать псевдо-класс CSS :hover или перейти к ближайшему родительскому элементу <tr> и применить класс CSS для фона цвета дочерних элементов <td>.

.

Чтобы ответить, как получить индексы столбцов и строк, используйте команду jQuery .index ()

Answer 2

Как уже говорили другие, может быть лучший способ сделать что-то, чем пытаться найти точное местоположение ячейки, но если вам это нужно, это должно сработать:

$("td").hover(function() {
    var columnIndex = $(this).attr("cellIndex");
    var rowIndex = $(this).parent().attr("rowIndex"));
});

Answer 3

Вам не нужно знать индекс столбца и строки, чтобы применить эффект наведения, вы можете просто использовать функцию наведения

http://docs.jquery.com/Events/hover#overout