en JavaScript, tengo una serie de objetos que representa una lista de profundidad arbitraria ...usar jQuery para generar una lista de profundidad arbitraria
data =
[
{ title, depth },
{ title, depth },
{ title, depth },
{ title, depth },
]
... donde la profundidad es la profundidad en la lista es el elemento .
Quiero convertir estos datos en html.
Por ejemplo:
[
{ title: "one", depth : 1 },
{ title: "two", depth : 1 },
{ title: "three", depth : 2 },
{ title: "four", depth : 3 },
{ title: "five", depth : 1 },
]
se convierte ...
<ul>
<li><p>one</p></li>
<li>
<p>two</p>
<ul>
<li>
<p>three</p>
<ul>
<li><p>four</p></li>
</ul>
</li>
</ul>
</li>
<li><p>five</p></li>
</ul>
¿Cuál es la forma más sencilla de hacer esto, usando jQuery?
Gracias
¿Es necesario que el orden se mantiene? ¿O puede ser así?
uno
cinco
dos
tres
cuatro