<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>挑战题</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
</head>
<body>
<table cellpadding="5px">
<caption>学生信息</caption>
<thead>
<tr>
<th>名字</th>
<th>学号</th>
<th>性别</th>
<th>联系方式</th>
</tr>
</thead>
<tbody></tbody>
<tfoot><input type="button" value="添加"/></tfoot>
</table>
<script>
var student=[
{"name":"张三"，"id":"1","sex":"男","phone":"1"},
"name":"小红"，"id":"1","sex":"男","phone":"1"},
"name":"小吕"，"id":"1","sex":"男","phone":"1"},];
$("tfoot").bind("click",function(){
$.each(student,function(index, s){
$("tbody").append(
"<tr><td>"+s.name + "</td><td>"+
s.id + "</td><td>"+
s.sex + "</td><td>"+
s.phone + "</td></tr>");
});
});
</script>
</body>
</html>
