Jquery遍历Json数据的方法

前端技术 2023/09/09 JavaScript

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

本文地址：https://www.stayed.cn/item/24363

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案