Jquery tree traversal - Nested Unordered list elements to JSON

Question

Okay, Now I have an unordered list here:

    
Item A
             


        

Answer 1

Ah, a fun little recursive exercise. I had a moment for this and here’s how I would do it. This works many levels deep recursively, but assumes that your data is not deep enough to explode the memory (recursion breaks in browsers if it is too deep). Should be fine for at least 10 levels or so.

I tested this out, seems it works, just save this in a HTML file and you should be fine.

Sorry there are not too many comments (well, technically speaking, none at all :) , this assumes you read jQuery and JS code fine. If you have questions, just ask in a comment and I’d be happy to explain.

    
    
    
    



    
Item A
        

           
Child1 of A
               

                 
Grandchild of A
                    

                       
Grand Grand child of A
                    
                
               
           
        
    
    
Item '"" B
    
Item C