javascript - Creating html ul li from nested xml element using jquery -

मेरे पास एक्सएमएल है -

  & lt; item name = "a" & gt; & Lt; आइटम का नाम = "डी" & gt; & Lt; आइटम का नाम = "जी" & gt; ... & lt; / आइटम & gt; ... & lt; / आइटम & gt; & Lt; आइटम का नाम = "ई" & gt; & lt; / item & gt; & Lt; आइटम का नाम = "एफ" & gt; & lt; / item & gt; ... & lt; / आइटम & gt; & Lt; आइटम का नाम = "बी" & gt; & lt; / item & gt; & Lt; आइटम का नाम = "सी" & gt; & lt; / आइटम & gt;   
 मैं इस XML के एक उल ली ट्री संरचना को  
  एक [नोड] डी [नोड] जी [नोड] के रूप में बनाना चाहता हूं। । । ई [नोड] च [नोड]। । B [नोड] सी [नोड]   
 मुझे लगता है मुझे एक infinte लूप बनाने की आवश्यकता होगी, लेकिन यह jquery में ऐसा करना मुश्किल लग रहा है। मेरी जेक्जरी कुछ इस तरह दिखती है -  
  फ़ंक्शन बनायेंनिस्टेडट्री (ओबीजे) {$ ("# पेड़")। अनुलग्नक ("& lt; ul & gt; & lt; / ul & gt;"); $ (Obj)। बच्चे ("आइटम")। प्रत्येक (फ़ंक्शन () {$ ("# पेड़ उल")। अनुलग्नक ("& lt; li & gt;" + $ (this) .attr ("name") + "& lt ; / Li & gt; & lt; ul आईडी = "+ $ (यह) .attr (" name ") +" level & gt; & lt; / ul & gt; "); $ (यह)। बच्चे (" आइटम ")। प्रत्येक (फ़ंक्शन ) {// तर्क यहां}};}); }   
 किसी भी मदद की सराहना की जाती है।   
 
 
 क्या यह काम करता है आपके लिए?  <पूर्व>  समारोह jumpdown (obj) {if (obj.hasChildNodes ()) {var nextlevel = "& lt; li & gt;" + $ (obj) .attr ("name") + "& Lt; / li & gt; & lt; ul आईडी = '" + $ (ओबीजे) .attr ("name") + "level' & gt;"; के लिए (var i = 0; i & lt; obj.chilNodes.length, i ++) {nextlevel = nextlevel + jumpdown (obj.chilNodes [i]); } अगलेलेवल = अगलेलेवल + "& lt; / ul & gt;"; वापसी करें; } अन्य वापसी "& lt; li & gt;" + $ (obj) .attr ("name") + "& lt; / li & gt;"; } कूदने (mydocumentxml);