<html>
????<head>
????????<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
????????<title>挑戰(zhàn)題</title>
????????<script?src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
????</head>
????<body>
????????<table?cellpadding="5px">
????????????<caption>學(xué)生信息</caption>
????????????<thead>
????????????????<tr>
????????????????????<th>名字</th>
????????????????????<th>學(xué)號(hào)</th>
????????????????????<th>性別</th>
????????????????????<th>聯(lián)系方式</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>
2016-04-22
錯(cuò)誤如下:
1、信息列表的第一二行信息的逗號(hào)在英文狀態(tài)下輸入,你的是中文狀態(tài)的逗號(hào);
2、信息列表格式有錯(cuò)誤,每條信息都要用{ }包裹起來(lái),你第二條和第三條信息沒有 前面的 { ;
3、使用$("tfoot")無(wú)法獲取到按鈕,點(diǎn)擊事件添加不成功,改成$("input")則可以正常獲取按鈕并添加點(diǎn)擊事件,至于為什么,我也不知道。
4、附上修改過(guò)后的代碼:
2016-04-22
1.大括號(hào)不對(duì)