老哥们，请求指导一下代码哪里错了？-慕课网

老哥们，请求指导一下代码哪里错了？

来源：1-11 编程练习

Kayber

2017-08-03 16:43

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>挑战题</title>
    </head>
    <body>
        <div><input id="btnShow" type="button" value="加载学生信息"/></div>
        <ul></ul>
        <script>
            var source=[{'name':'kayber'},
                        {'age':'18'},
                        {'sex':'male'},
                        {'score':'100'}
                       ];
            $("#btnShow").bind("click",function(){
                $.each(source,function(index,sport){
                    $("ul").append("<li>姓名:"+sport.name+"</li><li>年龄:"+sport.age+"</li><li>性别:"+sport.sex+"</li><li>分数:"+sport.score+"</li>")
                })
            })
            
        </script>
        
    </body>
</html>

写回答关注

4回答

学海无涯乐悠悠

2017-08-04 00:54:59

已采纳

<!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.8.2/jquery.js" type="text/javascript"></script>
    </head>
    <body>
        <div><input id="btnShow" type="button" value="加载学生信息"/></div>
        <ul></ul>
        <script type="text/javascript">
       //用JSON语法定义对象source
            var source={name:'kayber',
                        age:'18',
                        sex:'male',
                        score:'100'};
       //文档加载完毕执行
   $(function(){
            $("#btnShow").bind("click",function(){
               //定义一个数组，取出JSON对象数据
               var arr=new Array();
                $.each(source,function(index,sport){
                   //将遍历数据放入数组
                   arr[index]=sport;

                });//each结束
               //将数组内容放入文档
               $("ul").append("<li>姓名:"+arr['name']+"</li><li>年龄:"+arr['age']+"</li><li>性别:"+arr['sex']+"</li><li>分数:"+arr['score']+"</li>");
            });//bind结束
                       });//$()结束

        </script>

    </body>
</html>

3 1

慕后端308... 回复Kayber

不一定要转数组

2017-10-08 14:11:51

共 3 条回复 >
学海无涯乐悠悠

2017-08-04 00:27:04

错的太多，等我给你改一下

0 0
学海无涯乐悠悠

2017-08-04 00:10:15

<script src="http://libs.baidu.com/jquery/1.8.2/jquery.js" type="text/javascript"></script>
放入head里面

0 0
学海无涯乐悠悠

2017-08-04 00:06:40

没有引入jquery，^_^

0 0

jQuery基础(五)一Ajax应用与常用插件

如何用jquery实现ajax应用，加入学习，有效提高前端开发速度

69095 学习 · 400 问题

查看课程

相似问题

求指导代码那里有问题，运行不出来啊

回答 1

哪里错了啊

回答 2

请问一下这些jQuery包应该导入哪些

回答 1

jQuery基础(五)一Ajax应用与常用插件，1-4节课，代码运行结果是undefined，请问哪里出错了？

回答 3

php不知道哪里错了

回答 3

打开慕课网App查看更多内容