jquery - 如何在悬停时不更改动态表标题行的背景颜色

时间:2012-11-16 16:41:18

标签: jquery css

jquery - 如何在悬停时更改动态表的标题行的背景颜色 我有一个动态表,正在使用jquery构建并使用.on

请参阅fiddle example,其中显示标题行bg颜色在悬停时确实发生了变化。

http://jsfiddle.net/remy/sCGRL/

$(document).on({
    mouseenter: function () {
        $(this).css("background-color", "lightgoldenrodyellow");
    },
    mouseleave: function () {
        $(this).css("background-color", "");
    }
}, "#PersonOrgTBL tr");

2 个答案:

答案 0 :(得分:1)

}, "#PersonOrgTBL tr:not(:eq(0))");

你也可以这样写:

$(document).on('mouseenter mouseleave','#PersonOrgTBL tr:not(:eq(0))', function( e ){
    var color = e.type=='mouseenter' ? "lightgoldenrodyellow" : "";
    $(this).css({backgroundColor: color});
});

<强> fiddle demo

答案 1 :(得分:1)

这是一个条件,看这里是一个实际的例子

if(!$(this).is(":first-child")) {
    $(this).css("background-color", "lightgoldenrodyellow");
}

http://jsfiddle.net/sCGRL/12/