美文网首页
固定列的表格里处理不在一个层级的行样式

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

作者: 追风筝的一朵云 | 来源:发表于2019-08-12 15:23 被阅读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');

            })

        })

    相关文章

      网友评论

          本文标题:固定列的表格里处理不在一个层级的行样式

          本文链接:https://www.haomeiwen.com/subject/ogsujctx.html