Comando de carga de JQuery recursivo

Estoy usando JQuery para cargar contenido en un elemento div y todo funciona bien.

$("#content").load('www.urltogetcontentfor.com') 

Ahora quiero extender esto. La estructura que tengo es la de un árbol donde cada twig puede (o no) tener twigs secundarias unidas a ella. Lo que quiero que suceda es que el comando load de JQuery se llame de forma recursiva hasta que no haya hijos adjuntos a él. Algo así como los siguientes pasos:

  1. llame a la función de carga de Jquery para cargar contenido en div ‘contenido’.
  2. Si la función de carga devuelve que se adjuntan hijos.
  3. Llama a la función de carga JQuery de nuevo para obtener hijos
  4. repita los pasos 2 y 3 hasta que no haya niños disponibles.

¿Alguien ha hecho esto en JQuery o sabe de un conector en el que maneja esto?

Gracias

Cargar contenido recursivamente se podría hacer con este principio:

 function loadTree($element) { $element.each(function(){ this.load('url', function(){ loadTree(this.find('.children')); }); }); } loadTree($('#content')); 

Llamas a la función con un objeto jQuery. Recorre los elementos del objeto y llama a cargar para cada uno. En la callback exitosa, selecciona a los hijos en el código cargado y se llama a sí mismo.

Sin embargo, si es posible, debe intentar obtener el árbol completo utilizando una solicitud, por ejemplo, devolver los datos como JSON y crear elementos a partir de eso.