javascript - How do I wrap a page element with a dynamically generated element using jQuery? -

मेरे पास निम्न कोड है

  var input = $ ('# el_id'); आवरण = $ (document.createElement ('div')); wrapper.addClass ( 'छोटे'); wrapper.css ( 'चौड़ाई', 200); input.wrap (आवरण); चेतावनी (input.children ()। लंबाई)  

मुझे बच्चों की लंबाई के लिए 0 मिलता है। मुझे क्या चाहिए:

  & lt; div class = "small" style = "width: 200px;" & gt; & Lt; input type = "text" id = "el_id" / & gt; & Lt; / div & gt;  

लेकिन मैं चाहता हूं कि छोटे डिवा को गतिशील रूप से उत्पन्न किया जाए। कोई भी विचार क्यों यह काम नहीं कर रहा है?

UPDATE

यह पता चला है कि मेरा मुद्दा कोड की दूसरी पंक्ति पर है। मैं wrapper को एक चर के बाद आवंटित करना चाहता / चाहती हूं:

  block = input.wrap ("& lt; div class = '" + container_class + "' style = 'चौड़ाई:" + wrap_width + "पिक्सल, '& gt; & lt; / div & gt;");  

काम नहीं करता यह इनपुट देता है जो समझ में आता है। लेकिन मैं आवरण कैसे लौटा सकता हूं?

धन्यवाद!

मेरा मानना ​​है कि आप हैं

संपादित करें: माता-पिता को पाने के लिए कोड अपडेट किया गया है (

:

<पूर्व> var लिपटे गए इनपुट = वीपन (आवरण)। Parent (); चेतावनी (wrapped.children () लंबाई।);