Jquery Tree Traversal - Verschachtelte ungeordnete Listenelemente in JSON

Okay, jetzt habe ich hier eine ungeordnete Liste:

<ul id="mycustomid">
    <li><a href="url of Item A" title="sometitle">Item A</a>
        <ul class="children">
           <li><a href="url of Child1 of A" title="sometitle">Child1 of A</a>
               <ul class="children">
                 <li><a href="url of Grandchild of A" title="sometitle">Grandchild of A</a>
                    <ul class="children">
                       <li><a href="url of Grand Grand child of A" title="sometitle">Grand Grand child of A</a></li>
                    </ul>
                </li>
               </ul>
           </li>
        </ul>
    </li>
    <li><a href="url of Item B" title="sometitle">Item B</a></li>
    <li><a href="url of Item C" title="sometitle">Item C</a></li>
</ul>

rundsätzlich möchte ich diese Daten einfach in eine JSON-Entität konvertieren. Ich möchte dies in @ erledig Jquery und ich glaube, es fällt mir wirklich schwer, es zu tun. Die obige Liste ist nur ein Beispiel und in Wirklichkeit würde meine Liste idealerweise mehr Kinder haben und wahrscheinlich eine Tiefe von 'n' Stufen haben (das heißt, es werden Enkelkinder von Enkelkindern ... oder mehr sein), die ich unzählige Male verloren habe Stunden Schlaf auf diese und ich glaube nicht, dass ich irgendwohin gehe:

Ich möchte diese Dinge extrahieren: Den Text im Anker, die URL des Ankers und den Titel des Ankers und sie in eine JSON-Entität einfügen.

Das JSON-Format für meine obige Liste sieht ungefähr so aus:

{
        name: "Item A",
        url: "url of Item A",
        title: "sometitle",
        children: [{
                   name: "Child1 of A",
                   url: "url of Child1 of A",
                   title: "sometitle",
                   children: [{
                                name: "Grandchild of A",
                                url: "url of Grandchild of A",
                                title: "sometitle",
                                children: [{
                                           name: "Grand Grand child of A",
                                           url: "url of Grand Grand child of A",
                                           title: "sometitle",
                                           children: []
                                           }]
                              }]
                   }]
},
           {
            name: "Item B",
            url: "url of Item B",
            title: "sometitle",
            children: []
           },
           {
            name: "Item C",
            url: "url of Item C",
            title: "sometitle",
            children: []
           }

Einige nützliche Hinweise:

Javascript Lösung: Überqueren von ungeordneten Listen mit Javascript / Jquery

^ Dieser funktioniert wahrscheinlich, aber das Format der von mir benötigten JSON-Ausgabe ist wie oben gezeigt und nicht das, was dieses Skript ausgibt:

Weitere Referenzen

Wie füge ich ungeordnete Listenelemente in ein Array ein?

http: //jsfiddle.net/yS6ZJ/1

http: //jsfiddle.net/CLLts

http: //jsfiddle.net/cWnwt

Jemand bitte helfen:
Habe mir für viele schlaflose Nächte den Kopf gebrochen .. (Ps - Ich habe über 40 Minuten gebraucht, um diese ganze Seite zusammen mit dem Code zu schreiben)

Vielen Dank

Antworten auf die Frage(6)

Ihre Antwort auf die Frage