Jquery遍历Json数据的方法

 更新时间:2015年04月20日 16:06:50   作者:feige  
这篇文章主要介绍了Jquery遍历Json数据的方法,涉及jQuery遍历json格式数据的相关技巧,非常具有实用价值,需要的朋友可以参考下

本文实例讲述了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程序设计有所帮助。

相关文章

  • Jquery+ajax请求data显示在GridView上(asp.net)

    Jquery+ajax请求data显示在GridView上(asp.net)

    Jquery ajax请求data显示在asp.net中GridView控件上,需要的朋友可以参考下。
    2010-08-08
  • jQuery中append()方法用法实例

    jQuery中append()方法用法实例

    这篇文章主要介绍了jQuery中append()方法用法,实例分析了append()方法的功能、定义及在匹配元素的结尾插入指定内容的使用技巧,需要的朋友可以参考下
    2015-01-01
  • jQuery实现标签页效果实战(4)

    jQuery实现标签页效果实战(4)

    这篇文章主要为大家详细介绍了jQuery实现标签页效果的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • jQuery获得IE版本不准确webbrowser的解决方法

    jQuery获得IE版本不准确webbrowser的解决方法

    用$.browser.version经常出现一些不准确的状况,最近碰到,做了一些总结,不知道是否全面
    2014-02-02
  • jquery+CSS实现悬浮登录框遮罩

    jquery+CSS实现悬浮登录框遮罩

    这篇文章主要为大家详细介绍了jquery+CSS实现悬浮登录框遮罩,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-03-03
  • JQuery上传插件Uploadify使用详解及错误处理

    JQuery上传插件Uploadify使用详解及错误处理

    关于JQuery上传插件Uploadify使用详解网上一大把,基本上内容都一样。我根据网上的步骤配置完成后,会报一些错误,而我根据这些错误去网上找解决方案,却没有相关资料,所以为了不让更多的朋友走弯路,我把我遇到的一些问题进行汇总,也方便我自己以后查阅。
    2010-04-04
  • jQuery实现可拖拽3D万花筒旋转特效

    jQuery实现可拖拽3D万花筒旋转特效

    本文主要介绍了使用了CSS3立体效果的强大特效,本特效使用jQuery跟CSS3 transform来实现在用户鼠标按下拖动时,环形图片墙可以跟随鼠标进行3D旋转动画。下面跟着小编一起来看下吧
    2017-01-01
  • jquery分析文本里url或邮件地址为真实链接的方法

    jquery分析文本里url或邮件地址为真实链接的方法

    这篇文章主要介绍了jquery分析文本里url或邮件地址为真实链接的方法,涉及jQuery正则匹配与替换的相关技巧,需要的朋友可以参考下
    2015-06-06
  • JQuery Tab选项卡效果代码改进版

    JQuery Tab选项卡效果代码改进版

    JQuery制作的选项卡改进版,已经有人将这个效果改进下封装成一个完整的方法。
    2010-04-04
  • jQuery 中国省市两级联动选择附图

    jQuery 中国省市两级联动选择附图

    有关中国省市两级联动选择的实现代码在网上可以找到很多,而本文要为大家介绍的是一个比较实用的省市两级联动选择,感兴趣的朋友可以参考下
    2014-05-05

最新评论