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 相关文章推荐
cssQuery()的下载与使用方法
Jan 12 Javascript
小议Javascript中的this指针
Mar 18 Javascript
基于jquery的多彩百分比 动态进度条 投票效果显示效果实现代码
Aug 28 Javascript
基于jquery创建的一个图片、视频缓冲的效果样式插件
Aug 28 Javascript
jquery实现在光标位置插入内容的方法
Feb 05 Javascript
分享12个非常实用的JavaScript小技巧
May 11 Javascript
javascript阻止事件冒泡和浏览器的默认行为
Jan 21 Javascript
jQuery中table数据的值拷贝和拆分
Mar 19 Javascript
原生JS实现层叠轮播图
May 17 Javascript
Angular2中如何使用ngx-translate进行国际化
May 21 Javascript
angular实现input输入监听的示例
Aug 31 Javascript
vue中keep-alive、activated的探讨和使用详解
Jul 26 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 之 没有mysql支持时的替代方案
2006/10/09 PHP
PHP+AJAX实现无刷新注册(带用户名实时检测)
2007/01/02 PHP
eclipse php wamp配置教程
2016/06/30 PHP
Yii 框架使用Forms操作详解
2020/05/18 PHP
一个javascript参数的小问题
2008/03/02 Javascript
JavaScript定义类或函数的几种方式小结
2011/01/09 Javascript
调试Javascript代码(浏览器F12及VS中debugger关键字)
2013/01/25 Javascript
javascript在myeclipse中报错的解决方法
2013/10/29 Javascript
Javascript+CSS实现影像卷帘效果思路及代码
2014/10/20 Javascript
javascript实现很浪漫的气泡冒出特效
2020/09/05 Javascript
基于JavaScript实现鼠标悬浮弹出跟随鼠标移动的带箭头的信息层
2016/01/18 Javascript
JavaScript的React框架中的JSX语法学习入门教程
2016/03/05 Javascript
原生 JS Ajax,GET和POST 请求实例代码
2016/06/08 Javascript
js获取时间函数及扩展函数的方法
2016/10/30 Javascript
微信小程序 wxapp内容组件 text详细介绍
2016/10/31 Javascript
Angularjs使用过滤器完成排序功能
2017/09/20 Javascript
微信小程序学习笔记之函数定义、页面渲染图文详解
2019/03/28 Javascript
微信小程序如何实现点击图片放大功能
2020/01/21 Javascript
jQuery实现查看图片功能
2020/12/01 jQuery
[45:32]Liquid vs LGD 2018国际邀请赛淘汰赛BO3 第二场 8.23
2018/08/24 DOTA
Python实现将数据写入netCDF4中的方法示例
2018/08/30 Python
解决python 无法加载downsample模型的问题
2018/10/25 Python
python+opencv实现高斯平滑滤波
2020/07/21 Python
Python实现最大子序和的方法示例
2019/07/05 Python
Python的numpy库下的几个小函数的用法(小结)
2019/07/12 Python
Python2比较当前图片跟图库哪个图片相似的方法示例
2019/09/28 Python
Python线程协作threading.Condition实现过程解析
2020/03/12 Python
如何解决python多种版本冲突问题
2020/10/13 Python
Html5 webview元素定位工具的实现
2020/08/07 HTML / CSS
C,C++的几个面试题小集
2013/07/13 面试题
C#实现启动一个进程
2016/10/01 面试题
幼儿园教师节活动方案
2014/02/02 职场文书
西柏坡导游词
2015/02/05 职场文书
物业工程部岗位职责
2015/02/11 职场文书
胡桃夹子观后感
2015/06/11 职场文书
高中议论文(范文2篇)
2019/08/19 职场文书