不如我有一块代码
<table>
<div id="div0">
<tr>
<td id="num0">学号</td>
<td id="class0">班级</td>
<td id="name0">姓名</td>
<td id="age0">年龄</td>
</tr>
</div>
</table>
现在我想将 div0 这一块代码 循环添加
根据我传入的list.length的值，添加相应的个数。
并且使 div0-->divn 、 num0--->numn ..等等自增
并影藏每一行的学号！
改如何做？
JS JQ都可以。
分享
<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
var table;
$(document).ready(function(){
table = $('table');
rows = [
{xh:"学号0",bj:"班级0",na:"名字0",age:"年龄0"}
,{xh:"学号1",bj:"班级1",na:"名字1",age:"年龄1"}
,{xh:"学号2",bj:"班级2",na:"名字2",age:"年龄2"}
,{xh:"学号3",bj:"班级3",na:"名字3",age:"年龄3"}
]
addRows(table,rows);
});
function addRows(table,rows){
for(var i=0;i<rows.length;i++){
var row = rows[i];
var divEle= $('<div id="div'+i+'"></div>');
var trEle = $('<tr></tr>');
var tdEleHtml ='<td id="num'+i + '" style="display:none">'+row.xh+'</td>'
+'<td id="class'+i+'">'+row.bj+'</td>'
+'<td id="name'+i+'">'+row.na+'</td>'
+'<td id="age'+i+'">'+row.age+'</td>';
var tdEles = $(tdEleHtml);
trEle.append(tdEles);
divEle.append(trEle );
table.append(divEle);
}
}
</script>
</head>
<body>
<table>
</table>
</body>
</html>
