首页 > Web开发 > 详细

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

时间:2020-07-15 11:26:13      阅读:49      评论:0      收藏:0      [点我收藏+]

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,对应的遍历取内部的值

原文:https://www.cnblogs.com/long6286/p/13303652.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!