私の CodePen: http://codepen.io/leongaban/pen/nJzcv
そこで、CSS-Tricks でテーブル行の強調表示のこの素晴らしい例を見つけました。(デモ)
ただし、 my を強調表示したくありませんtop row
。クラス名を持つ特定の td のみをターゲットにしようとしましたが、まだ閉じていません :(
これについてどう思いますか?
//Row Highlighting
$("table .active").delegate('td','mouseover mouseout', function(e) {
if (e.type == 'mouseover') {
console.log('hovering over row');
$(this).parent().addClass("gray-rollover");
}
else {
$(this).parent().removeClass("gray-rollover");
}
});
// Works but highlights all Rows
/*$("table").delegate('td','mouseover mouseout', function(e) {
if (e.type == 'mouseover') {
console.log('hovering over row');
$(this).parent().addClass("gray-rollover");
}
else {
$(this).parent().removeClass("gray-rollover");
}
});*/