Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用jquery树结构获取JSON数据的子级_Javascript_Jquery_Json_Tree - Fatal编程技术网

Javascript 如何使用jquery树结构获取JSON数据的子级

Javascript 如何使用jquery树结构获取JSON数据的子级,javascript,jquery,json,tree,Javascript,Jquery,Json,Tree,我已尝试使用以下代码获取数据,但无法获取子项 var数据=[ { 名称:印度, 区域:亚洲 }, { 姓名:斯里兰卡, 区域:亚洲 }, { 姓名:马尔代夫, 区域:亚洲 }, { 名称:中国, 地区:亚洲,, 次区域:[ { 名称:华中 }, { 名称:华东 }, { 姓名:香港 }, { 姓名:澳门 }, { 名称:华南 } ] }, { 姓名:马来西亚, 区域:亚洲 }] $document.ready函数{ $.eachdata,functionkey,val{ 如果!$regionC

我已尝试使用以下代码获取数据,但无法获取子项

var数据=[ { 名称:印度, 区域:亚洲 }, { 姓名:斯里兰卡, 区域:亚洲 }, { 姓名:马尔代夫, 区域:亚洲 }, { 名称:中国, 地区:亚洲,, 次区域:[ { 名称:华中 }, { 名称:华东 }, { 姓名:香港 }, { 姓名:澳门 }, { 名称:华南 } ] }, { 姓名:马来西亚, 区域:亚洲 }] $document.ready函数{ $.eachdata,functionkey,val{ 如果!$regionContent ul.+val.region.is*{ $, { 类别:val.region, html:++val.name+ } .附件区域内容 .before++val.region+; }否则{ $b.+val.region.eachfunction{ 如果this.textContent==val.region{ $this.nextul.append++val.name+; } } } }; }; regionContent ul li{列表样式:无;}
您需要遍历所有子区域并添加它们。其次,您需要向所有具有子区域的区域添加事件侦听器。我没有添加加号/减号图像,但是您可以分别使用隐藏/显示函数将它们添加到事件侦听器中

风险值数据=[{ 名称:印度, 区域:亚洲 }, { 姓名:斯里兰卡, 区域:亚洲 }, { 姓名:马尔代夫, 区域:亚洲 }, { 名称:中国, 地区:亚洲,, 次区域:[{ 名称:华中 }, { 名称:华东 }, { 姓名:香港 }, { 姓名:澳门 }, { 名称:华南 }] }, { 姓名:马来西亚, 区域:亚洲 }] $document.readyfunction{ $.eachdata,functionkey,val{ 如果!$regionContent ul.+val.region.is*{ $, { 类别:val.region, html:++val.name+ } .附件区域内容 .before++val.region+; }否则{ $b.+val.region.eachfunction{ 如果this.textContent==val.region{ var-extra=; 如果val.hasOwnPropertysubRegion{ 额外=; $.eachval.subsection,functionk,v{ 额外+=++v.name+; }; 额外+=; } $this.nextul.append++val.name++extra; 如果val.hasOwnPropertysubRegion{ var checkbox=document.getElementByIdval.region+'\'+val.name; 复选框.addEventListener'click',函数{ var Subsection=$'Subsection\'+val.region+'\'+val.name; 如果子区域为“:可见”{ 次区域.隐藏; }否则{ 次区域.展览; } }; } } }; } }; }; 区域内容ulli{ 列表样式:无; }
非常感谢:@GreeKatrina。但对于+,-当我尝试添加到事件侦听器时,它会分离以前的功能展开/折叠。@ManasRanjanPradhan不客气。在看不到你的代码的情况下,不能100%确定为什么会发生这种情况。。。但是尝试在文本之后添加标记或其他内容,并在事件侦听器期间更改标记内的图像。如果你想不出来,请打开一个新问题,让我知道。@GreekKtrina你能看看这个问题吗