JS数据遍历赋值到table中，怎么搞啊？

百变猪娃娃 2013-09-26 03:56:38

一个table，N行N列，每个格子都显示一个城市名称，比如4行6列，就显示24个城市名。
数据要自己用JS构造，然后将自己构造的数据赋值到table中，请问该怎么写啊？

现在是要展示给客户看基本效果，不用后台数据，所以要用JS构造些数据。

...全文

6560 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

一天要饭生活又开始啦 2013-09-26

打赏
举报

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
$(function() {
	var data = ['广州','北京','厦门','上海','武汉','江苏','南京','广州','广州','广州','广州','广州','广州','广州','广州','广州','广州','广州','广州','广州','广州','广州','广州','广州',];
var k = 0;
var str= '';
str += "<table border='1' bordercolor='#000'>";
for(var i=0; i<4; i++) {
    str += '<tr>';
    for(var j=0; j<6; j++) {
        var tds = '<td>' + data[k] + '</td>';
        k++;
        str += tds;
    }
    str += '</tr>';
}
str += '</table>';
$('#divId').html(str);
});
</script>
</head>
<body>
<div id='divId'></div>
</body>
</html>

fzfei2 2013-09-26

打赏
举报


	///////生成测试数据//////////
	 var ds=[],i=24;
	 while(i)ds.unshift(i--);
	 ////////////////////
	 //创建表格 ds:数据,r；行数 ,c :列数
	 function cTb(ds,r,c){
	 	if(!c||!r||!ds||!ds.length) return;
	 	var tb=document.createElement('table'),L=ds.length,ii=0;
	 	for(var i=0;i<r;i++){
	 			var row=tb.insertRow(-1);
	 			for(var j=0;j<c;j++){
	 				row.insertCell(-1).innerHTML=ds[ii++];
	 			}
	 	}
	 	return tb;
	 }
	 
	 
	 var tb=cTb(ds,4,6);
	 tb.border=1;
	 document.body.appendChild(  tb  )