为了账号安全,请及时绑定邮箱和手机立即绑定

模仿的,运行不出来,帮忙看一下代码?谢谢

<!DOCTYPE html>

<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>

        <title>挑战题</title>

        <style>

            table{border:1px solid #ccc;

            padding:5px;}

        </style>

    </head>

    <body>

    <input id="btntest" type="button" value="获取">

    <table>

    <tr>

        <th>座号</th>

        <th>姓名</th>

        <th>分数</th>

    </tr>

    <tbody>

    <tr>

    <td colspan="3"></td>

    </tr>

    </tbody>

    </table>

    <script>

    var jsonStu=[{'num':'01','name':"小明",'score':'60'},

    {'num':'02','name':"小花",'score':'65'},

    {'num':'03','name':"小乖",'score':'70'},

    {'num':'04','name':"学霸",'score':'100'}];

    $("#btntest").bind("click",function(){

    $.each("jsonStu",function(index,Stu){

        $("tbody").append("<tr><td>"+Stu.num+"</td><td>"+Stu.name+"</td><td>"+Stu.score+"</td></tr>")

        })

        })

    </script>

    </body>

</html>


正在回答

3 回答

$("#btntest").bind("click",function(){
    $.each(jsonStu,function(index,Stu){  //这里的jsonStu 是变量,不是字符串 不能加引号的
        $("tbody").append("<tr><td>"+Stu.num+"</td><td>"+Stu.name+"</td><td>"+Stu.score+"</td></tr>")
    })
})

看注释

2 回复 有任何疑惑可以回复我~
#1

陆旭标 提问者

那为什么会点击获取后会获取两份的数据呢
2015-12-07 回复 有任何疑惑可以回复我~
#2

Yinsion_Nie 回复 陆旭标 提问者

多点击几次,你会发现更多:-D
2015-12-23 回复 有任何疑惑可以回复我~
 <table>
            <thead>
                <tr>
                    <th>座号</th>
                    <th>姓名</th>
                    <th>分数</th>
                </tr>
            </thead>
            <tbody>
                
            </tbody>
        </table>
你照着我这样写,添加个<thead>元素,我记得<tbody>是要和<thead>一起在<table>中使用的。
0 回复 有任何疑惑可以回复我~
#1

Yinsion_Nie

不然就<thead>和<tbody>元素都不写 <table> <tr> <th>座号</th> <th>姓名</th> <th>分数</th> </tr> </table> 下面那个写成$("table").append(),也行,我试过了。
2015-12-23 回复 有任何疑惑可以回复我~

你的jsonStu是变量 你把它搞错了

1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
jQuery基础课程
  • 参与学习       154768    人
  • 解答问题       7184    个

加入课程学习,有效提高前端开发速度

进入课程

模仿的,运行不出来,帮忙看一下代码?谢谢

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信