zoukankan      html  css  js  c++  java
  • 多层json,对应的遍历取内部的值

    json数据格式:一个多层json,对应的遍历取内部的值。

    {
      "code": 0,
      "message": "成功",
      "data": [
        {
          "id": "9",
          "name": "工具",
          "O2OSmallCategroy": [
            {
              "id": "2030",
              "name": "锤/锉/锯/刀/尺",
              "SmallIndustry": [
                {
                  "id": "44182",
                  "name": "综合套装"
                },
                {
                  "id": "44184",
                  "name": "电讯工具套装"
                }]
            }
          ]
        }
      ]
    }
    

      

    代码是通过ajax返回json数据后的内部jquery拼接。

    var strData = '';
    var data = json.data;
    $.each(data, function (index, item) {
        strData += '<li class="ztree_one"><div><span class="root_colse root_open"></span><a href="javascript:;">' + item["name"] + '</a></div>';
        if (item["O2OSmallCategroy"].length != 0) {
            strData += '<ul>';
            $.each(item["O2OSmallCategroy"], function (i, i_item) {
                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>';
                $.each(i_item["SmallIndustry"], function (j, j_item) {
                    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>';
                });
                strData += '</li>';
            });
            strData += '</ul>';
        }                        
    });
  • 相关阅读:
    Tinkoff Challenge
    Tinkoff Challenge
    Tinkoff Challenge
    Tinkoff Challenge
    整体二分
    树链剖分+LCT
    上下界网络流
    莫队
    可并堆
    bzoj_1033: [ZJOI2008]杀蚂蚁antbuster
  • 原文地址:https://www.cnblogs.com/long6286/p/13303652.html
Copyright © 2011-2022 走看看