Szukam sposobu renderowania drzewa JSON przy użyciu zagnieżdżonego<div> jak wspomniano w tytule. Oto przykład danych (drzewo zawiera maksymalnie 8 poziomów):

{
    "children": {
        "Bacteria": {
            "children":{
                "Verrucomicrobia":{
                    "children":{
                        "Methylacidiphilae":{
                            "children":{
                                "Methylacidiphilales":{
                                    "children":{},
                                    "count":2,
                                    "level":"order",
                                    "name":"Methylacidiphilales",
                                    "score":1.46
                                }
                            },
                            "count":2,
                            "level":"class",
                            "name":"Methylacidiphilae",
                            "score":1.46
                        }
                    },
                    "count":2,
                    "level":"phylum",
                    "name":"Verrucomicrobia",
                    "score":1.46
                }
            },
            "count":2,
            "level":"kingdom",
            "name":"Bacteria",
            "score":1.46
        }
    },
    "count":0,
    "level":"root",
    "name":"Root",
    "score":0.0
}

Mogę pobrać / przeanalizować drzewo JSON i zapisać je w zmiennej. Teraz muszę rekursywnie przeglądać drzewo i albo:

Uczyń każdy węzeł czymś, co może być renderowane jako HTML.Stwórz nowydiv węzeł i dodaj do nowego drzewa.

Ale jak?