js给table赋值的实例代码

前端之家收集整理的这篇文章主要介绍了js给table赋值的实例代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

要求:用js实现给一个table赋值如上:(定义X=70

【HTML】

4-8人班 2-3人班 1人班 10人以上 <table class="table table-bordered">

4-8人班 2-3人班 1人班 10人以上 <table class="table table-bordered">

4-8人班 2-3人班 1人班 10人以上

【JS】

require(["jquery"],function($) { var x=70; var data = [ {name:"area1",content:{bei:[1,1.2,1.5,0.8],jia:[20,30,40,50]}},{name:"area2",50,60]}},{name:"area3",60,80]}} ];
$(data).each(function (i,item){ 

dom = '';
bei = item.content.bei;
jia = item.content.jia;
//加载第1行
dom += '<tr>';
dom += '<td>第1学年</td>';
for(i=0;i<bei.length;i++){
dom += '<td>'+ parseInt(xbei[i]) +'</td>';
}
dom += '</tr>';
//循环加载第2+行
for(n=0;n<jia.length;n++){
dom += '<tr>';
dom += '<td>第'+(n+2)+'学年</td>';
for(i=0;i<bei.length;i++){
dom += '<td>'+ (parseInt(x
bei[i])+jia[n]) +'</td>';
}
dom += '</tr>';
}
$('[data-json="'+item.name+'"]').html(dom);
})

});
});

以上就是小编为大家带来的js给table赋值的实例代码全部内容了,希望大家多多支持编程之家~

原文链接:https://www.f2er.com/js/45210.html

猜你在找的JavaScript相关文章