遍历表格加对勾

如图：

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');
                    
                }

 

转载于:https://www.cnblogs.com/SunShineM/p/7921140.html