用jquery的each方法遍历json对象

我们两清 提交于 2019-12-06 21:14:00

用jquery的each方法遍历JSON对象的方法如下:

  1. 声明一个JSON对象:
var jsonStu=[{"name":"张三","score":"90"},{"name":"李四","score":"80"},{"name":"王五","score":"70"}];
2
.调用each方法:
<span style="font-family: Arial, Helvetica, sans-serif;">一个简单的例子:</span>
<!DOCTYPE html>
<!--1.首先定义一个json对象jsonStu,保存学生的"姓名"和"分数"信息.-->
<!--2.然后,通过调用$.each()工具函数,遍历该数据,分别获取"姓名"和"分数"信息. $.each(jsonStu,function(index,data)-->
<!--3.最后,将遍历后获取的整个内容显示在页面中.-->
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>JSON对象</title>
    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
    <script>
        var jsonStu=[{"name":"张三","score":"90"},{"name":"李四","score":"80"},{"name":"王五","score":"70"}];  
        //创建一个json对象
         alert("Loading……");
         $(document).ready(function(){
            var result = "";
           $.each(jsonStu,function(index,data){
                result += "姓名:  " + data.name + "     年龄:   " + data.score + "<br />";
             });


             $('#show').html(result);
         });
    </script>
</head>
<body>
<div id="show"></div>
</body>
</html>
</pre><pre name="code" class="javascript">

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!