Jquery遍历Json数据的方法


Posted in Javascript onApril 20, 2015

本文实例讲述了Jquery遍历Json数据的方法。分享给大家供大家参考。具体如下:

<html>
<head>
<title>jQuery遍历json</title>
<script src="js/jquery-1.5.2.min.js" type="text/javascript"></script>
</head>
<script>
 var a = {
 "sys_bb": [
 {
  "menu_name": "教务处",
  "menus": [
  {
   "menu_name": "张明"
  },
  {
   "menu_name": "王明"
  }
  ]
 },
 {
  "menu_name": "办公室",
  "menus": [
  {
   "menu_name": "刘处"
  },
  {
   "menu_name": "小王"
  },
  {
   "menu_name": "张三"
  }
  ]
 }
 ],
 "sys_cw": [
 {
  "menu_name": "财务处",
  "menus": [
  {
   "menu_name": "王虎"
  }
  ]
 }
 ]
 };
 $(function () {
 $.each(a.sys_bb, function (i, n) {
  $("#Div").append(a.sys_bb[i].menu_name + "<br>");
  $.each(a.sys_bb[i].menus, function (i, n) {
  $("#Div").append(" " + n.menu_name + "<br>");
  });
 });
 $.each(a.sys_cw, function (i, n) {
  $("#Div").append(a.sys_cw[i].menu_name + "<br>");
  $.each(a.sys_cw[i].menus, function (i, n) {
  $("#Div").append(" " + n.menu_name + "<br>")
  });
 });
 });
</script>
<body>
<div id="Div">
</div>
</body>
</html>

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
js/jquery获取浏览器窗口可视区域高度和宽度以及滚动条高度实现代码
Dec 17 Javascript
javascript 数组排序函数sort和reverse使用介绍
Nov 21 Javascript
javascript this详细介绍
Sep 19 Javascript
利用js获取下拉框中所选的值
Dec 01 Javascript
node.js发送邮件email的方法详解
Jan 06 Javascript
详解js中==与===的区别
Jan 08 Javascript
RequireJs的使用详解
Feb 19 Javascript
AngularJS select设置默认值的实现方法
Aug 25 Javascript
Node.js dgram模块实现UDP通信示例代码
Sep 26 Javascript
vue购物车插件编写代码
Nov 27 Javascript
JavaScript中的高级函数
Jan 04 Javascript
vue页面离开后执行函数的实例
Mar 13 Javascript
javascript判断变量是否有值的方法
Apr 20 #Javascript
javascript实现校验文件上传控件实例
Apr 20 #Javascript
使用iojs的jsdom库实现同步系统时间
Apr 20 #Javascript
javascript实现汉字转拼音代码分享
Apr 20 #Javascript
jQuery简单实现图片预加载
Apr 20 #Javascript
jquery滚动到顶部底部代码
Apr 20 #Javascript
浅谈javascript属性onresize
Apr 20 #Javascript
You might like
坏狼php学习 计数器实例代码
2008/06/15 PHP
CodeIgniter采用config控制的多语言实现根据浏览器语言自动转换功能
2014/07/18 PHP
Laravel 5框架学习之表单验证
2015/04/08 PHP
php使用pear_smtp发送邮件
2016/04/15 PHP
PHP文件上传、客户端和服务器端加限制、抓取错误信息、完整步骤解析
2017/01/12 PHP
Prototype使用指南之selector.js
2007/01/10 Javascript
很酷的javascript loading效果代码
2008/06/18 Javascript
js过滤HTML标签以及空格的思路及代码
2013/05/24 Javascript
AngularJS的内置过滤器详解
2015/05/14 Javascript
Jquery通过ajax请求NodeJS返回json数据实例
2016/11/08 NodeJs
js 颜色选择插件
2017/01/23 Javascript
JavaScript文件的同步和异步加载的实现代码
2017/08/19 Javascript
JavaScript设计模式之构造函数模式实例教程
2018/07/02 Javascript
node.js爬取中关村的在线电瓶车信息
2018/11/13 Javascript
javascript移动端 电子书 翻页效果实现代码
2019/09/07 Javascript
在Django的form中使用CSS进行设计的方法
2015/07/18 Python
python 编码规范整理
2018/05/05 Python
python逆序打印各位数字的方法
2018/06/25 Python
pytorch获取vgg16-feature层输出的例子
2019/08/20 Python
python聚类算法解决方案(rest接口/mpp数据库/json数据/下载图片及数据)
2019/08/28 Python
Python 读取有公式cell的结果内容实例方法
2020/02/17 Python
Pytorch 解决自定义子Module .cuda() tensor失败的问题
2020/06/23 Python
用CSS3写的模仿iPhone中的返回按钮
2015/04/04 HTML / CSS
美国顶级防滑鞋:Shoes For Crews
2017/03/27 全球购物
成绩单家长评语大全
2014/04/16 职场文书
说明书怎么写
2014/05/06 职场文书
社区服务活动总结
2014/05/07 职场文书
医学专业自荐信
2014/06/14 职场文书
企业挂职心得体会
2014/09/10 职场文书
2014年卫生保健工作总结
2014/12/08 职场文书
小学生节水倡议书
2015/04/29 职场文书
消防安全月活动总结
2015/05/08 职场文书
安全事故隐患排查治理制度
2015/08/05 职场文书
python实现黄金分割法的示例代码
2021/04/28 Python
Python3 多线程(连接池)操作MySQL插入数据
2021/06/09 Python
SpringBoot使用ip2region获取地理位置信息的方法
2022/06/21 Java/Android