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 相关文章推荐
JavaScript使用prototype定义对象类型
Feb 07 Javascript
javascript AutoScroller 函数类
May 29 Javascript
javascript算法题 求任意一个1-9位不重复的N位数在该组合中的大小排列序号
Jul 21 Javascript
JS 添加千分位与去掉千分位的示例
Jul 11 Javascript
JS:window.onload的使用介绍
Nov 13 Javascript
基于JavaScript实现类似于百度学术高级检索功能
Mar 02 Javascript
原生js封装二级城市下拉列表的实现代码
Jun 16 Javascript
JavaScript制作颜色反转小游戏
Sep 25 Javascript
javascript实现消灭星星小游戏简单版
Nov 15 Javascript
深入理解Node.js中的进程管理
Mar 13 Javascript
学习使用Bootstrap页面排版样式
May 11 Javascript
JS sort排序详细使用方法示例解析
Sep 27 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
phpMyAdmin出现无法载入 mcrypt 扩展,请检查PHP配置的解决方法
2012/03/26 PHP
使用迭代器 遍历文件信息的详解
2013/06/08 PHP
Zend Framework入门教程之Zend_Mail用法示例
2016/12/08 PHP
可以把编码转换成 gb2312编码lib.UTF8toGB2312.js
2007/08/21 Javascript
Ajax+Json 级联菜单实现代码
2009/10/27 Javascript
JQuery跨Iframe选择实现代码
2010/08/19 Javascript
javascript开发随笔一 preventDefault的必要
2011/11/25 Javascript
javascript学习笔记(十二) RegExp类型介绍
2012/06/20 Javascript
javascript中方便增删改cookie的一个类
2012/10/11 Javascript
cookie 最近浏览记录(中文escape转码)具体实现
2013/06/08 Javascript
图片上传判断及预览脚本的效果实例
2013/08/07 Javascript
Javascript获取HTML静态页面参数传递值示例
2013/08/18 Javascript
jqplot通过ajax动态画折线图的方法及思路
2013/12/08 Javascript
JavaScript获取表单内所有元素值的方法
2015/04/02 Javascript
jQuery实现背景弹性滚动的导航效果
2016/06/01 Javascript
教你JS中的运算符乘方、开方及变量格式转换
2016/08/09 Javascript
jQuery ztree实现动态树形多选菜单
2016/08/12 Javascript
p5.js入门教程之鼠标交互的示例
2018/03/16 Javascript
Angular开发实践之服务端渲染
2018/03/29 Javascript
记一次webpack3升级webpack4的踩坑经历
2018/06/12 Javascript
Vue触发式全局组件构建的方法
2018/11/28 Javascript
vue实现直播间点赞飘心效果的示例代码
2019/09/20 Javascript
Python中的并发编程实例
2014/07/07 Python
python中使用iterrows()对dataframe进行遍历的实例
2018/06/09 Python
python判断列表的连续数字范围并分块的方法
2018/11/16 Python
Python2.7:使用Pyhook模块监听鼠标键盘事件-获取坐标实例
2020/03/14 Python
Python调用REST API接口的几种方式汇总
2020/10/19 Python
HTML5实现无刷新修改URL的方法
2019/11/14 HTML / CSS
Hunkemöller瑞士网上商店:欧洲最大的内衣品牌之一
2018/12/03 全球购物
美赞臣新加坡官方旗舰店:Enfagrow新加坡
2019/05/15 全球购物
学生手册评语
2014/05/05 职场文书
党员自评材料范文
2014/12/17 职场文书
2015学校师德师风工作总结
2015/04/22 职场文书
儿子满月酒致辞
2015/07/29 职场文书
公司规章制度范本
2015/08/03 职场文书
Python3使用Qt5来实现简易的五子棋小游戏
2022/05/02 Python