Как использовать jQuery для рендеринга дерева JSON как вложенного HTML с использованием divs?
Я ищу способ визуализации дерева JSON, используя вложенные<div>
как указано в названии. Вот пример данных (в дереве максимум 8 уровней):
{
"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
}
Я могу получить / проанализировать дерево JSON и сохранить его в переменной. Теперь мне нужно пройти по дереву рекурсивно и либо:
Превратите каждый узел во что-то, что можно представить как HTML.Создать новыйdiv
узел и добавить в новое дерево.Но как?