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

 

多层json,对应的遍历取内部的值

上一篇:HTML5定位用户的位置


下一篇:HTML 视频(Video)