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

最新推荐文章于 2023-02-23 14:24:52 发布

ruiguang21

最新推荐文章于 2023-02-23 14:24:52 发布

阅读量741

点赞数

分类专栏： json javascript 文章标签： json

本文链接：https://blog.csdn.net/ruiguang21/article/details/78476614

版权

javascript 同时被 2 个专栏收录

18 篇文章 0 订阅

订阅专栏

json

16 篇文章 0 订阅

订阅专栏

<!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>

ruiguang21

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
json的循环内嵌数组：对json的遍历

无标题文档循环内嵌数组：var myObj,i,j,str="";myObj = { "name":"网站", "num":3, "sites": [ { "name":"Google", "info":[ "Android", "Google 搜索", "Google 翻译" ] },
复制链接

扫一扫

专栏目录