0

私の 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");
        }
    });*/
4

3 に答える 3