1. 程式人生 > 實用技巧 >多層json,對應的遍歷取內部的值

多層json,對應的遍歷取內部的值

json資料格式:一個多層json,對應的遍歷取內部的值。

程式碼是通過ajax返回json資料後的內部jquery拼接。

 1 {
 2 "data": [
 3 {
 4 "id": "9",
 5 "name": "工具",
 6 "O2OSmallCategroy": [
 7 {
 8 "id": "2030",
 9 "name": "錘/銼/鋸/刀/尺",
10 "SmallIndustry": [
11 {
12 "id": "44182",
13 "name": "綜合套裝"
14 },
15 {
16 "id": "44184",
17 "name": "電訊工具套裝"
18 }
19
20 ] 21 } 22 ] 23 } 24 ] 25 }
 1 var strData = '';
 2 var data = json.data;
 3 $.each(data, function (index, item) {
 4 strData += '<li class=\"ztree_one\"><div><span class=\"root_colse root_open\"></span><a href=\"javascript:;\">' + item["name"] + '</a></div>
'; 5 if (item["O2OSmallCategroy"].length != 0) { 6 strData += '<ul>'; 7 $.each(item["O2OSmallCategroy"], function (i, i_item) { 8 strData += '<li class=\"ztree_two\"><div><span class=\"root_colse root_open\"></span><a href=\"javascript:;\">' + i_item["name"] + '
<i class=\"tree_del\" data-txt=\"2_' + i_item["id"] + '\"></i></a></div>'; 9 $.each(i_item["SmallIndustry"], function (j, j_item) { 10 strData += '<ul><li><span class=\"tree_docu\"></span><a href=\"javascript:;\">' + j_item["name"] + '<i class=\"tree_del\" data-txt=\"3_' + j_item["id"] + '\"></i></a></li></ul>'; 11 }); 12 strData += '</li>'; 13 }); 14 strData += '</ul>'; 15 } 16 });