テーブル行のjQueryのハイライト

Question

col1、col2、col3、col4という4つのcoloumnテーブルがあります。列の色が異なっています。 col1にはツールチップのリンクがあります。カーソルがリンク上を指すと、ツールチップが表示され、その行の背景イメージも変更されます。テーブル全体には1つの背景画像しかありません。

私は次のコードを試しましたが、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要素はすべて行の子要素になりますか？私はそこでのnearest（）の使用についてはわかりません...