多层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>';
    }                        
});
原文地址:https://www.cnblogs.com/long6286/p/13303652.html