多层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>';
    }                        
});

 

posted @ 2020-07-15 09:06  long6286  阅读(361)  评论(0编辑  收藏  举报