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 相关文章推荐
硬盘浏览程序,保存成网页格式便可使用
Dec 03 Javascript
js 小贴士一星期合集
Apr 07 Javascript
jquery无缝向上滚动实现代码
Mar 29 Javascript
JavaScript中的console.dir()函数介绍
Dec 29 Javascript
jQuery中delegate()方法用法实例
Jan 19 Javascript
jQuery Validate让普通按钮触发表单验证的方法
Dec 15 Javascript
Vue集成Iframe页面的方法示例
Dec 12 Javascript
js 索引下标之li集合绑定点击事件
Jan 12 Javascript
vue自定义指令用法经典实例小结
Mar 16 Javascript
vue使用video.js进行视频播放功能
Jul 18 Javascript
微信小程序实现拼图小游戏
Oct 22 Javascript
详解vite+ts快速搭建vue3项目以及介绍相关特性
Feb 25 Vue.js
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分页的功能模块
2015/06/16 PHP
yii使用activeFileField控件实现上传文件与图片的方法
2015/12/28 PHP
PHP Cookie学习笔记
2016/08/23 PHP
PHP判断一个数组是另一个数组子集的方法详解
2017/07/31 PHP
PHP+JS实现的实时搜索提示功能
2018/03/13 PHP
firefox中JS读取XML文件
2006/12/21 Javascript
Javascript typeof 用法
2008/12/28 Javascript
动态样式类封装JS代码
2009/09/02 Javascript
通过onmouseover选项卡实现img图片的变化
2014/02/12 Javascript
jquery ajax应用中iframe自适应高度问题解决方法
2014/04/12 Javascript
浅析jQuery中调用ajax方法时在不同浏览器中遇到的问题
2014/06/11 Javascript
浅析JQuery中的html(),text(),val()区别
2014/09/01 Javascript
ionic js 模型 $ionicModal 可以遮住用户主界面的内容框
2016/06/06 Javascript
详解Vue-cli webpack移动端自动化构建rem问题
2018/04/07 Javascript
实例详解Node.js 函数
2018/06/10 Javascript
JavaScript设计模式之工厂模式简单实例教程
2018/07/03 Javascript
element UI upload组件上传附件格式限制方法
2018/09/04 Javascript
Vue实现开心消消乐游戏算法
2019/10/22 Javascript
在JavaScript中实现链式调用的实现
2019/12/24 Javascript
[01:02:32]DOTA2-DPC中国联赛 正赛 iG vs PSG.LGD BO3 第二场 2月26日
2021/03/11 DOTA
python3实现全角和半角字符转换的方法示例
2017/09/21 Python
python实现字符串中字符分类及个数统计
2018/09/28 Python
用Django写天气预报查询网站
2018/10/21 Python
Python开发之Nginx+uWSGI+virtualenv多项目部署教程
2019/05/13 Python
pandas分区间,算频率的实例
2019/07/04 Python
python实现BP神经网络回归预测模型
2019/08/09 Python
python实现多线程端口扫描
2019/08/31 Python
Django添加bootstrap框架时无法加载静态文件的解决方式
2020/03/27 Python
锐步英国官网:Reebok英国
2019/11/29 全球购物
大学毕业登记表自我鉴定
2013/10/09 职场文书
专升本自我鉴定
2013/10/10 职场文书
春节联欢晚会主持词
2014/03/24 职场文书
观看《周恩来的四个昼夜》思想汇报
2014/09/12 职场文书
元旦晚会开场白
2015/05/29 职场文书
小学生手册家长意见
2015/06/03 职场文书
Python如何利用pandas读取csv数据并绘图
2022/07/07 Python