Turning nested JSON into an HTML nested list with Javascript

Question

I\'m fairly new to using JSON (as opposed to XML) and am currently working purely with Javascript to digest, parse and display my returned JSON data.

I\'m using the JSON

Answer 1

Your json is unsuited to your task. Some objects have several properties with the same name ("node"), so they are overriding one another. You have to use arrays of nodes instead. Here is a working data structure and the functions that can turn it into a nested list:

And I can add this css to have the items numberings match the node titles :)

See it in action.