dom - Wrapping Multiple Elements (jQuery) -

मुझे HTML का यह टुकड़ा है:

  div.content div.one सामग्री div .two सामग्री div.three सामग्री  

मैं चाहता हूँ दो divs ऊपर और नीचे जोड़ें और एक div लपेटें इसके आसपास हो जाता है:

  div.top div.wrapper div.content div.one सामग्री div। दो सामग्री div.three content div.bottom  

मैं कर रहा हूँ कई लपेट चयनकर्ताओं (आंतरिक वेड, लपेटो आदि) के बारे में पता है लेकिन मुझे यकीन नहीं है कि कैसे 2 डिवीज़ लपेटें।

निम्नलिखित jQuery काम कर सकता है, लेकिन क्या इसे लिखने का एक बेहतर तरीका है? < / P>

  $ ('सामग्री')। रैप ('& lt; div class = "wrapper" & gt; & lt; / div'); $ ('। आवरण')। पहले ('& lt; div वर्ग = "शीर्ष" & gt; & lt; / div & gt;'); $ ('। आवरण')। बाद ('& lt; div वर्ग = "नीचे" & gt; & lt; / div & gt;');  

लुकअप को कम करने के लिए मैं इसे एक पंक्ति में करूँगा:

  $ ('content')। इसके बाद ('& lt; div class = "top" & gt; & lt; / div & gt;')। बाद ('& lt; div class = "bottom" & gt; & lt; / div & gt; ')। लपेटें (' & lt; div वर्ग = "आवरण" & gt; & lt; / div & gt; ');