Подсветка jQuery для строки таблицы

Question

У меня есть 4 таблицы столбцов с именами col1, col2, col3, col4. Колонки имеют разные цвета. У col1 есть ссылка на подсказку. Когда курсор наведен на ссылку, отображается подсказка, а также фоновое изображение для этой строки, которую необходимо изменить. Вся таблица имеет одно фоновое изображение.

Я пытался использовать следующий код, но в Chrome и Safari он отображает один и тот же цвет для всех 4 столбцов (цвет первого столбца).

$(function() {
$('td:first-child a').hover(function() {
    $(this).closest('table.benefitstable tbody tr').toggleClass("highlight");
});
});

.benefitstable tbody tr.highlight {
background:url(../images/tablerowhover.jpg) 0 0 no-repeat;
}

Это почти эквивалентно обходиться без jQuery со следующим тегом:

.benefitstable tbody tr:hover {
background:url(../images/tablerowhover.jpg) 0 0 no-repeat;
}

Любая помощь?

Answer 1

Что не пытайтесь: $ (this) .parent ('table.benefitstable tbody tr'). ToggleClass ("highlight"); Поскольку любой элемент TD будет дочерним элементом строки? Я не уверен насчет использования closest () там ...