                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础课程

编程练习定义一个json对象，用于保存学生的相关资料

这个有谁完整做出来的，我要完整的代码，谢谢啦。我这有问题。

qq_沛公_0

2015-02-03

源自：jQuery基础课程 8-11

关注问题我要回答

680

操作

收起

1 回答

炸木沐吃
2015-12-15

<!DOCTYPE html>
<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" type="text/javascript"></script>
        <style>
            table{border:1px solid black;text-align:center;}
            td{border:1px solid black;}
        </style>
        <script>
            var stu=[
                {"name":"xiaoyu","id":"6"},
                {"name":"xiaoliu","id":"19"},
                {"name":"xiaowang","id":"45"}
                ];
            $(function(){
                $("#but").on("click",function(){
                    $("#info").empty();
                    $.each(stu,function(index,stu){
                        $("tbody").append("<tr><td>"+parseInt(index+1)+"</td><td>"+stu.name+"</td><td>"+stu.id+"</td></tr>")
                    })
                })
            })
        </script>
    </head>
    <body>
      <table>
          <thead>
              <tr>
                  <td>序号</td>
                  <td>姓名</td>
                  <td>学号</td>
              </tr>
          </thead>
          <tbody id="info"><tr><td colspan="3" id="mid"><input type="button" value="gEt" id="but"/></td></tr></tbody>
      </table>
    </body>
</html>