jquery隔行变色 跨行了怎么办啊!

2024-11-27 14:36:11
推荐回答(2个)
回答1:





MODEL PAGE

TABLE {
border-collapse: collapse;
border: 1px solid black;
}

TD {
border: 1px solid black;
}



$ (function ()
    {
$ ('tr').css ("background-color", "red");
    $ ('tr').each (function (i, dom)
    {
    var isRowSpan = $ (this).is (function ()
    {
    return $ ('td[rowspan]', this).length > 0;
    });
    if (isRowSpan)
    {
    var count = $ (this).find ('td[rowspan]').prop ('rowspan');
    $ (this).nextAll ('tr:lt(' + (count - 1) + ')').andSelf ().css ("background-color", "green");
    }
    });
    });





Month
Savings
Savings for holiday!


January
$100
$50


February
$80


February
$60



回答2:

给偶数行的数据背景色

$("tr:even").css('background-color','red');

给奇数行背景色

$("tr:odd").css('background-color','green');