मेथड wrap

मेथड wrap एलिमेंट्स को दिए गए टैग में रैप करता है।

सिंटैक्स

मेथड का पैरामीटर टेक्स्ट (संभवतः टैग्स के साथ), DOM एलिमेंट या jQuery ऑब्जेक्ट हो सकता है:

javascript.wrap(किससे रैप करें);

इस तरह चुने गए एलिमेंट्स उस कंटेंट में रैप हो जाते हैं, जो यूजर-डिफाइंड फंक्शन द्वारा वापस किया जाएगा। फंक्शन को अलग से कॉल किया जाता है, चुने गए प्रत्येक एलिमेंट के लिए, पैरामीटर के रूप में सेट में एलिमेंट की पोजीशन लेता है:

javascript.wrap(function(सेट में नंबर));

उदाहरण

आइए क्लास www वाले सभी पैराग्राफ को div टैग में रैप करें:

html<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
javascript$('.www').wrap(document.createElement('div'));

HTML कोड इस तरह दिखेगा:

html<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<p>text</p>

उदाहरण

पैरामीटर के रूप में न केवल टैग का नाम पास किया जा सकता है, बल्कि निम्नलिखित कंस्ट्रक्शन भी:

html<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
javascript$('.www').wrap('<div></div>');

HTML कोड इस तरह दिखेगा:

html<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<div><p class="www">text</p></div>
<p>text</p>

उदाहरण

ओपनिंग टैग में कोई भी एट्रिब्यूट लिखा जा सकता है, इसके साथ ही रैपिंग इन एट्रिब्यूट्स के साथ होगी। आइए क्लास www वाले पैराग्राफ को क्लास zzz वाले डिव में रैप करें:

html<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
javascript$('.www').wrap('<div class="zzz"></div>');

HTML कोड इस तरह दिखेगा:

html<div class="zzz"><p class="www">text</p></div>
<div class="zzz"><p class="www">text</p></div>
<div class="zzz"><p class="www">text</p></div>
<p>text</p>

यह भी देखें

  • मेथड्स wrapAll, wrapInner, unwrap,
    जो एलिमेंट्स को रैप करने के साथ काम करने की अनुमति देते हैं