表行的jQuery高亮显示

Question

我有4个名为col1，col2，col3，col4的coloumn表。列具有不同的颜色。 col1具有工具提示链接。当光标指向链接时，将显示工具提示以及要更改的行的背景图像。整个表格只有一张背景图片。

我尝试使用以下代码，但在Chrome和Safari中，它为所有4个cols显示相同的颜色（第一个col的颜色）。

$(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元素都是该行的子元素？我不确定在那里使用nearest（）...