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

青旅半醒 2022-06-06 11:50 218阅读 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>

发表评论取消回复

表情：

评论列表（有 0 条评论，218人围观）

还没有评论，来说两句吧...

相关阅读

相关 json内嵌json_JSON宝石

json内嵌json It's easy to jump into parsing and generating [JSON in Ruby][] with the json

r囧r小猫/ 2022年12月06日 15:25/ 0 赞/ 148 阅读

相关 jq遍历json/数组

$(function() { //jq遍历json/数组 var json =[{code:"101",val:"11

àì夳堔傛蜴生んèń/ 2022年09月29日 11:58/ 0 赞/ 223 阅读

相关 jquery 对 Json 的各种遍历

原文网址：前端开发博客 ([http://caibaojian.com/jquery-each-json.html][http_caibaojian.com_jque

我就是我/ 2022年07月13日 20:37/ 0 赞/ 178 阅读

相关 jquery 对 Json 的各种遍历

概述 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是 Ja

喜欢ヅ旅行/ 2022年06月18日 09:27/ 0 赞/ 240 阅读

相关 jquery遍历解析json数组

var json = [{dd:'SB',AA:'毛毛',re1:123},{cc:'dd',lk:'123'}]; for(var i=0,l=json.

深藏阁楼爱情的钟/ 2022年06月17日 03:15/ 0 赞/ 240 阅读

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xht

青旅半醒/ 2022年06月06日 11:50/ 0 赞/ 219 阅读

相关 jquery 对 Json 的各种遍历

原文链接： [http://caibaojian.com/jquery-each-json.html][http_caibaojian.com_jquery-each-json

素颜马尾好姑娘i/ 2022年06月05日 12:46/ 0 赞/ 229 阅读

相关 JS 循环遍历JSON数据

JSON数据如：\{"options":"\[\{/"text/":/"王家湾/",/"value/":/"9/"\},\{/"text/":/"李家湾/",/"valu

朱雀/ 2022年04月24日 04:14/ 0 赞/ 428 阅读

相关 json 数组遍历笔记。

var aa={ "age":"18", "name":"yy", "n

素颜马尾好姑娘i/ 2021年09月29日 17:26/ 0 赞/ 308 阅读

相关 json 遍历

let aa = [] let bb= {aaa: "460-00-593272-46",

忘是亡心i/ 2021年09月27日 16:28/ 0 赞/ 357 阅读