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实现页面打印的三种方法
Mar 05 Javascript
上传的js验证(图片/文件的扩展名)
Apr 25 Javascript
ie8本地图片上传预览示例代码
Jan 12 Javascript
javascript创建createXmlHttpRequest对象示例代码
Feb 10 Javascript
JS实现带关闭功能的阿里妈妈网站顶部滑出banner工具条代码
Sep 17 Javascript
jQuery操作Table技巧大汇总
Jan 23 Javascript
jQuery操作dom实现弹出页面遮罩层(web端和移动端阻止遮罩层的滑动)
Aug 25 Javascript
Angular 理解module和injector,即依赖注入
Sep 07 Javascript
浅谈vue.js中v-for循环渲染
Jul 26 Javascript
使用 Vue 绑定单个或多个 Class 名的实例代码
Jan 08 Javascript
vue项目持久化存储数据的实现代码
Oct 01 Javascript
微信小程序开发常见问题及解决方案
Jul 11 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
MySQL的FIND_IN_SET函数使用方法分享
2012/03/27 PHP
浅析Apache中RewriteCond规则参数的详细介绍
2013/06/30 PHP
PHP Cli 模式设置进程名称的方法
2019/06/12 PHP
php设计模式之正面模式实例分析【星际争霸游戏案例】
2020/03/24 PHP
jqGrid增加时--判断开始日期与结束日期(实例解析)
2013/11/08 Javascript
js模拟点击以提交表单为例兼容主流浏览器
2013/11/29 Javascript
javascript删除元素节点removeChild()用法实例
2015/05/26 Javascript
jQuery左侧大图右侧小图焦点图幻灯切换代码分享
2015/08/19 Javascript
js数组如何添加json数据及js数组与json的区别
2015/10/27 Javascript
Bootstrap开关(switch)控件学习笔记分享
2016/05/30 Javascript
基于Bootstrap的后台管理面板 Bootstrap Metro Dashboard
2016/06/17 Javascript
深入理解Vuex 模块化(module)
2017/09/26 Javascript
React Native中Navigator的使用方法示例
2017/10/13 Javascript
深入理解js 中async 函数的含义和用法
2018/05/13 Javascript
浅析Vue 生命周期
2018/06/21 Javascript
Vue实现数据表格合并列rowspan效果
2020/11/30 Javascript
Python实现变量数值交换及判断数组是否含有某个元素的方法
2017/09/18 Python
Python实现加载及解析properties配置文件的方法
2018/03/29 Python
Python3基于sax解析xml操作示例
2018/05/22 Python
python3+pyqt5+itchat微信定时发送消息的方法
2019/02/20 Python
基于Python函数和变量名解析
2019/07/19 Python
python将字符串list写入excel和txt的实例
2019/07/20 Python
PyCharm 2019.3发布增加了新功能一览
2019/12/08 Python
Python导入模块包原理及相关注意事项
2020/03/25 Python
详解Pandas 处理缺失值指令大全
2020/07/30 Python
利用HTML5+css3+jquery+weui实现仿微信聊天界面功能
2018/01/08 HTML / CSS
为你的html5网页添加音效示例
2014/04/03 HTML / CSS
大学毕业生个人自荐信范文
2014/01/08 职场文书
道路建设实施方案
2014/03/18 职场文书
2014离婚协议书范文
2014/09/10 职场文书
2014年9.18纪念日演讲稿
2014/09/14 职场文书
2014年圣诞节寄语
2014/12/08 职场文书
高三教师工作总结2015
2015/07/21 职场文书
大学社团活动总结怎么写
2019/06/21 职场文书
标准版个人借条怎么写?以及什么是借条?
2019/08/28 职场文书
比较几种Redis集群方案
2021/06/21 Redis