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 相关文章推荐
JQuery浮动DIV提示信息并自动隐藏的代码
Aug 29 Javascript
js(jQuery)获取时间的方法及常用时间类搜集
Oct 23 Javascript
angularjs中的e2e测试实例
Dec 06 Javascript
浅析Javascript ES6新增值比较函数Object.is
Aug 24 Javascript
xmlplus组件设计系列之树(Tree)(9)
May 02 Javascript
解决vue keep-alive 数据更新的问题
Sep 21 Javascript
简单了解微信小程序的目录结构
Jul 01 Javascript
解决vue中使用proxy配置不同端口和ip接口问题
Aug 14 Javascript
vue.js 子组件无法获取父组件store值的解决方式
Nov 08 Javascript
javascript canvas API内容整理
Feb 16 Javascript
Vue axios 跨域请求无法带上cookie的解决
Sep 08 Javascript
JS监听Esc 键触发事键
Apr 14 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数组函数序列 之shuffle()和array_rand() 随机函数使用介绍
2011/10/29 PHP
PHP发送短信代码分享
2015/08/11 PHP
phpcms的分类名称和类别名称的调用
2017/01/05 PHP
PHP简单装饰器模式实现与用法示例
2017/06/22 PHP
jQuery的控件及事件(输入控件及回车事件)使用示例
2013/07/25 Javascript
javascript使用百度地图api和html5特性获取浏览器位置
2014/01/10 Javascript
动态读取JSON解析键值对的方法
2014/06/03 Javascript
js跨域问题浅析及解决方法优缺点对比
2014/11/08 Javascript
JS获取年月日时分秒的方法分析
2016/11/28 Javascript
jstree的简单实例
2016/12/01 Javascript
javascript基础知识之html5轮播图实例讲解(44)
2017/02/17 Javascript
详解webpack 如何集成第三方js库
2017/06/29 Javascript
浅谈angularJS的$watch失效问题的解决方案
2017/08/11 Javascript
AngularJS实现的select二级联动下拉菜单功能示例
2017/10/25 Javascript
Vue 使用 Mint UI 实现左滑删除效果CellSwipe
2018/04/27 Javascript
Vue中的验证登录状态的实现方法
2019/03/09 Javascript
javascript的this关键字详解
2019/05/20 Javascript
简单了解JavaScript作用域
2020/07/31 Javascript
解决vue项目,npm run build后,报路径错的问题
2020/08/13 Javascript
Python设计模式之观察者模式实例
2014/04/26 Python
CentOS7.3编译安装Python3.6.2的方法
2018/01/22 Python
tensorflow构建BP神经网络的方法
2018/03/12 Python
对tf.reduce_sum tensorflow维度上的操作详解
2018/07/26 Python
Python求两点之间的直线距离(2种实现方法)
2019/07/07 Python
解决pycharm中opencv-python导入cv2后无法自动补全的问题(不用作任何文件上的修改)
2020/03/05 Python
python 递归相关知识总结
2021/03/03 Python
Ryderwear美国官网:澳大利亚高端健身训练装备品牌
2018/04/24 全球购物
来自圣地亚哥的实惠太阳镜:Knockaround
2018/08/27 全球购物
全球最大运动品牌的男装、女装和童装官方库存商:A&A Sports
2021/01/17 全球购物
Oracle里面常用的数据字典有哪些
2014/02/14 面试题
探亲假请假条
2014/04/11 职场文书
银行优秀员工事迹材料
2014/05/29 职场文书
《从现在开始》教学反思
2016/02/16 职场文书
CSS3 实现的图片悬停的切换按钮
2021/04/13 HTML / CSS
详解用Python把PDF转为Word方法总结
2021/04/27 Python
SpringBoot读取Resource下文件的4种方法
2021/07/02 Java/Android