固定列的表格里处理不在一个层级的行样式

2019-08-12  本文已影响0人  追风筝的一朵云

//固定列hover一整行

    $(function(){

        $('.hr-table-main .hr-table-body .tr-line').mousemove(function(){

            var a = $(this).index()+1;

            $(this).addClass('rowHover').siblings().removeClass('rowHover');

            $('.left-fixedTable').find('.tr-line').eq(a).addClass('rowHover').siblings().removeClass('rowHover');

            $('.right-fixedTable').find('.tr-line').eq(a).addClass('rowHover').siblings().removeClass('rowHover');

        })

        $('.left-fixedTable .hr-table-body .tr-line').mousemove(function () {

            var a = $(this).index() + 1;

            $(this).addClass('rowHover').siblings().removeClass('rowHover');

            $('.hr-table-main').find('.tr-line').eq(a).addClass('rowHover').siblings().removeClass('rowHover');

            $('.right-fixedTable').find('.tr-line').eq(a).addClass('rowHover').siblings().removeClass('rowHover');

        })

        $('.right-fixedTable .hr-table-body .tr-line').mousemove(function () {

            var a = $(this).index() + 1;

            $(this).addClass('rowHover').siblings().removeClass('rowHover');

            $('.hr-table-main').find('.tr-line').eq(a).addClass('rowHover').siblings().removeClass('rowHover');

            $('.left-fixedTable').find('.tr-line').eq(a).addClass('rowHover').siblings().removeClass('rowHover');

        })

        $('.hr-table-main .hr-table-body .tr-line').mouseleave(function(){

            var a = $(this).index()+1;

            $(this).removeClass('rowHover');

            $('.left-fixedTable').find('.tr-line').eq(a).removeClass('rowHover');

            $('.right-fixedTable').find('.tr-line').eq(a).removeClass('rowHover');

        })

        $('.left-fixedTable .hr-table-body .tr-line').mouseleave(function(){

            var a = $(this).index()+1;

            $(this).removeClass('rowHover');

            $('.hr-table-main').find('.tr-line').eq(a).removeClass('rowHover');

            $('.right-fixedTable').find('.tr-line').eq(a).removeClass('rowHover');

        })

        $('.right-fixedTable .hr-table-body .tr-line').mouseleave(function(){

            var a = $(this).index()+1;

            $(this).removeClass('rowHover');

            $('.hr-table-main').find('.tr-line').eq(a).removeClass('rowHover');

            $('.left-fixedTable').find('.tr-line').eq(a).removeClass('rowHover');

        })

    })

上一篇 下一篇

猜你喜欢

热点阅读