json的循环内嵌数组：对json的遍历

来源：互联网发布：淘宝网迪士尼儿童床编辑：程序博客网时间：2024/05/11 18:58

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title><script type="text/javascript" src="jquery-2.1.1.js"></script>
</head>

<body>

<p>循环内嵌数组：</p>

<p id="demo"></p>
<script>
var myObj,i,j,str="";
myObj = {
"name":"网站",
"num":3,
"sites": [
{ "name":"Google", "info":[ "Android", "Google 搜索", "Google 翻译" ] },
{ "name":"Runoob", "info":[ "菜鸟教程", "菜鸟工具", "菜鸟微信" ] },
{ "name":"Taobao", "info":[ "淘宝", "网购" ] }
]
}

for(i in myObj.sites)
{
str+="<span class='ddd'><h1>"+myObj.sites[i].name+"</h1></span>";
for(j in myObj.sites[i].info)
{
str+="<span class='fff'>"+myObj.sites[i].info[j]+"</span><br/>";
}

}
$("#demo").html(str);
$(".ddd").click(function(){
$(".fff").toggle();
});

</script>

</body>

</html>

阅读全文

0 0