jQuery遍历json格式数据完整代码实例
分类：实例代码
本章节分享一段完整的代码实例，它实现了对json格式数据遍历的功能。
代码实例如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.pipipi.net/" />
<title>犀牛前端部落</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script>
var a = {
"sys_bb": [
{
"menu_name": "前端专区",
"menus": [
{
"menu_name": "json数据"
},
{
"menu_name": "div教程"
}
]
},
{
"menu_name": "资源能转区",
"menus": [
{
"menu_name": "特效下载"
},
{
"menu_name": "手机模板"
},
{
"menu_name": "网站模板"
}
]
}
],
"sys_cw": [
{
"menu_name": "犀牛前端部落",
"menus": [
{
"menu_name": "pipipi.net"
}
]
}
]
};
$(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>
</head>
<body>
<div id="Div"></div>
</body>
</html>
