小编Dav*_*ler的帖子

使用Javascript将嵌套的JSON转换为HTML嵌套列表

我使用JSON(而不是XML)相当新,我目前正在使用Javascript来消化,解析和显示我返回的JSON数据.

我正在使用JSON2.js库并返回一些有效的JSON数据,表示一个相当简单的嵌套列表:

{
  "node":{
    "class":"folder",
    "title":"Test Framework",
    "node":{
      "class":"folder",
      "title":"Item 1",
      "node":{
        "class":"folder",
        "title":"Item 1.1",
        "node":{
          "class":"file",
          "title":"Item 1.1.a"
        }
      },
      "node":{
        "class":"folder",
        "title":"Item 1.2",
        "node":{
          "class":"file",
          "title":"Item 1.2.a"
        },
        "node":{
          "class":"file",
          "title":"Item 1.2.b"
        },
        "node":{
          "class":"file",
          "title":"Item 1.2.c"
        }
      },
      "node":{
        "class":"folder",
        "title":"Item 1.3",
        "node":{
          "class":"folder",
          "title":"Item 1.3.a",
          "node":{
            "class":"file",
            "title":"Item 1.3.a.i"
          },
          "node":{
            "class":"file",
            "title":"Item 1.3.a.ii"
          }
        }
      }
    },
    "node":{
      "class":"folder",
      "title":"Item 2",
      "node":{
        "class":"file",
        "title":"item 2.a"
      },
      "node":{
        "class":"file",
        "title":"Item 2.b"
      }
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

有没有人有任何指针可以快速将该批次转换为具有所有嵌套元素的UL?如果JSON中的"class"元素可以用作每个LI的类,那也很酷. …

javascript json nested list

5
推荐指数
1
解决办法
9811
查看次数

标签 统计

javascript ×1

json ×1

list ×1

nested ×1