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