javascript - jquery - How to add items recursively within one another -

  $ (दस्तावेज़) .ready (function () {var element = '& lt; div & gt; Div & lt; / div & gt; '$ ("# div1")। अनुलग्नक (तत्व) .append (element1);});  

मैं एक div एक और div गतिशील रूप से जोड़ने का प्रयास कर रहा हूं। लेकिन ऐपेंड पद्धति इस मामले में चयनकर्ता को देता है क्योंकि यह #div है। और तत्व एक के बाद एक जोड़ा जाता है और एक दूसरे के भीतर नहीं। मुझे नहीं चाहिए कि मैं एक div को नीचे की तरह एक div के भीतर जाना चाहता हूं -

  & lt; div & gt; एक div & lt; div & gt; एक div & lt; div & gt; एक div & lt; / div & gt; & Lt; / div & gt; & Lt; / div & gt;  

मैं पिछले तत्व में एक संदर्भ का उपयोग नहीं करना चाहता हूं क्योंकि मैं बड़ी संख्या के लिए div से ऊपर के नेस्टिंग करना चाहूंगा उदाहरण 50।

क्या एक jQuery फ़ंक्शन है जो अंतिम तत्व को वापस देता है? मैंने खोज की, लेकिन jquery पिछले तत्व वापस लौटने की सुविधा में कमी की गयी लगता है। सभी jquery चयनकर्ता स्वयं को चयनकर्ता वापस लौटते हैं और तत्व जोड़ा नहीं।

आपको बस अपने तरीके से घोंटने की आवश्यकता है कॉल:

  $ (दस्तावेज़) .ready (फ़ंक्शन () {var element1 = '& lt; div & gt; div के भीतर एक div & lt; / div & gt;' $ ( "# Div1")। जोड़ें ($ (element1) .append ($ (element1) .append (element1)));});  

  div {border: 1px ठोस काले; मार्जिन: 1 पीएक्स; }  

  & lt; script src = "https://ajax.googleapis.com/ajax/libs/ jQuery / 1.10.0 / jquery.min.js "& gt; & lt; / स्क्रिप्ट & gt; गहरी घोंसले के शिकार के लिए कार्य का लाभ उठाएं:  
 

>

  फ़ंक्शन नेस्ट डिप (गिनती) {var el = $ ('& lt; div & gt; div के भीतर एक div & lt; / div & gt;'); वापसी की गणना & gt; 0? El.append (नेस्टडिप (गणना - 1)): एल; } $ (दस्तावेज़) .ready (फ़ंक्शन () {$ ("# div1")। संलग्नक (नेस्ट डिप (50));});  

  div {मार्जिन: 1 पीएक्स; सीमा: 1 पीएक्स काला ठोस; }  

  & lt; script src = "https://ajax.googleapis.com/ajax/libs/ jQuery / 1.7.0 / jquery.min.js "& gt; & lt; / स्क्रिप्ट & gt; & Lt; div id = "div1" & gt; & lt; / div & gt;  

बेशक, यदि आप बिल्कुल इस विधि है कि आप का वर्णन कर रहे हैं, आप हमेशा इसे अपने आप जोड़ सकते हैं:

< Pre class = "snippet-code-js lang-js prettyprint-override"> (फ़ंक्शन ($) {$ .fn.appendR = function (toAppend) {var $ toAppend = $ (toAppend); this.append ( $ ToAppend); वापसी $ toAppend;};}) (jQuery); $ (Document) .ready (function () {var element1 = '& lt; div & gt; div के भीतर एक div & lt; div / gt;'; var element2 = '& lt; div & gt; div के भीतर एक और div & lt; / div & gt;' ; $ ("# Div1")। ऐपेंड्रर (तत्व 1) .appendR (element2);});

  डिवि (मार्जिन: 1 पीएक्स; सीमा: 1px ठोस काला; }  

  & lt; script src = "https://ajax.googleapis.com/ajax/libs/ jQuery / 1.10.0 / jquery.min.js "& gt; & lt; / स्क्रिप्ट & gt; & Lt; div id = "div1" & gt; & lt; / div & gt;