zoukankan      html  css  js  c++  java
  • 遍历表格加对勾

    如图:

    x-轴,y-轴都是后台获取的,根据返给的list集合,给x-y交集的地方打对勾;

    1.遍历所有空白格:

    //获取所有的空白表格
              
                      var tableconList=[];
                    for (var t = 0; t < $('.schoolMajorTableConP span').length; t++) {
                        var obj ={
                            degreeid:$('.schoolMajorTableConP span').eq(t).attr('degreeid'),
                            majorid:$('.schoolMajorTableConP span').eq(t).attr('majorid')
                        };
                        tableconList.push(obj);  
                    }

    2.将list集合和空白格集合对比

                    for (var y = 0; y < data.list.length; y++) {
                        var elm = data.list[y].degreeid;
                        var elmMajor = data.list[y].majorid;
                        for (var m = 0; m < tableconList.length; m++) {
                            var elmB = tableconList[m].degreeid;
                            var elmBMajor = tableconList[m].majorid;
                            if ((elm == elmB) && (elmMajor == elmBMajor)) {
                                $('.schoolMajorTableConP span').eq(m).append('<img class="schoolMajorTableImg" src="../images/zYear_icon.png" alt="">');
                            }
                        }  
                    }

    3.使上下的表格宽度一致

    for (var i = 0; i < $('.schoolMajorLeftTitle span').length; i++) {
                        // var w =   $('.schoolMajorLeftTitle span').eq(i).outerWidth();
                        var w = $('.schoolMajorLeftTitle span').eq(i).get(0).getBoundingClientRect().width; //获取x-轴头部的精确宽度
                        $('.schoolMajorcol'+i).css('width',w+'px');
                        
                    }
  • 相关阅读:
    web.xml中load-on-startup的作用
    Spring加载resource时classpath*:与classpath:的区别
    免费svn远程仓库推荐
    学习websocket
    eclipse下的maven
    maven常用命令
    文件操作的补充
    模块
    正则表达式,计算器,装饰器,冒泡排序,用户登录系统
    拷贝,集合,函数,enumerate,内置函数
  • 原文地址:https://www.cnblogs.com/SunShineM/p/7921140.html
Copyright © 2011-2022 走看看