Table tr 奇數偶數行漸變色Jquery實現

奇數行換色

function rowColor() {
    //處理列表行漸變顏色 奇數行換色
    $(".table tr").mouseover(function () {
        $(this).addClass("s2hover");
        $(".table tr:nth-child(2n)").addClass("s2");
    }).mouseout(function () {
        $(this).removeClass("s2hover");
        $(".table tr:nth-child(2n)").addClass("s2");
    })
    $(".table tr:nth-child(2n)").addClass("s2");
}

偶數行變色

function rowColor() {
    //處理列表行漸變顏色
    $(".table tr").mouseover(function () {
        $(this).addClass("s2hover");
        $(".table tr:even").addClass("s2");
    }).mouseout(function () {
        $(this).removeClass("s2hover");
        $(".table tr:even").addClass("s2");
    })
    $(".table tr:even").addClass("s2");
}

內容均為作者獨立觀點，不代表八零IT人立場，如涉及侵權，請及時告知。