html5中文学习网

您的位置: 首页 > 网站及特效实例 > javascript特效 » 正文

Jquery遍历Json数据的方法_jquery_

[ ] 已经帮助:人解决问题

本文实例讲述了Jquery遍历Json数据的方法。分享给大家供大家参考。具体如下:8RfHTML5中文学习网 - HTML5先行者学习网

<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程序设计有所帮助。8RfHTML5中文学习网 - HTML5先行者学习网

(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助