js多次循环遍历怎么写?
发布网友
发布时间：2022-04-25 18:52
共4个回答
热心网友
时间：2022-04-21 19:27
<html>
<head>
<meta charset="utf-8">
<title>循环填充数据</title>
<style type="text/css">
td{
width: 50px;
height: 50px;
}
</style>
</head>
<body>
<table border="1" cellspacing="0" cellpadding="0">
<tr><th colspan="6">数据表格</th></tr>
<tr><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td><td></td></tr>
</table>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript">
//模拟后台数据，数据量可变
var data = [{
message:"数据1"
},
{
message:"数据2"
},
{
message:"数据3"
},
{
message:"数据4"
},
{
message:"数据5"
},
{
message:"数据6"
},
{
message:"数据7"
},
{
message:"数据8"
},
{
message:"数据9"
},
{
message:"数据10"
}
];
var tdarr = $("td");//获取表格数量
var num1 = Math.floor(tdarr.length / data.length);//取商 表格数量除以后台数据数量
var num2 = tdarr.length % data.length; //取余 表格数量除以后台数据数量
//console.log("num1:"+num1);
//console.log("num2:"+num2);
//将能整除的部分循环填充后台数据
for(var i=0;i<num1;i++){
$.each(data,function(index){
//console.log(index+i*data.length);
//console.log(data[index].message);
$(tdarr[index+i*data.length]).text(data[index].message);
})
}
//如果不能整除即取余不为0，则再循环补填未填充的表格
for(var i=0;i<num2;i++){
$(tdarr[data.length*num1+i]).text(data[i].message);
}
</script>
</body>
</html>
热心网友
时间：2022-04-21 20:45
j=0;
len=data.length;
if(len>0 && len<30)
for(i=0;i<30-len;i++)
{
data.push(data[j++]);
if(j==len) j=0;
}
之后将你的数据显示到表格就行了。
热心网友
时间：2022-04-21 22:20
热心网友
时间：2022-04-22 00:11
