jQuery में कई एलिमेंट्स को रैप करना

हर एलिमेंट को अलग-अलग रैप करने के बजाय, सभी मिले एलिमेंट्स को एक साथ रैप किया जा सकता है wrapAll मेथड का उपयोग करके।

HTML कोड में पैराग्राफ का एक समूह दिया गया है:

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

आइए www क्लास वाले सभी पैराग्राफ ढूंढें और उन्हें एक div टैग में रैप करें:

javascript$('.www').wrapAll('<div></div>');

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

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

ध्यान दें कि यदि रैप किए जाने वाले एलिमेंट्स एक दूसरे के बगल में नहीं हैं, तो wrapAll मेथड पहले एलिमेंट्स को एक जगह ले जाएगा, और फिर उन्हें रैप करेगा। निम्नलिखित उदाहरण देखें:

html<p class="www">text1</p>
<p class="www">text2</p>
<p>text</p>
<p class="www">text3</p>

wrapAll मेथड लागू करें:

javascript$('.www').wrapAll('<div></div>');

अंत में हमें निम्नलिखित HTML कोड मिलता है:

html<div>
  <p class="www">text1</p>
  <p class="www">text2</p>
  <p class="www">text3</p>
</div>
<p>text</p>

एलिमेंट्स को रैप करने की मेथड्स सेट में प्रत्येक एलिमेंट पर फंक्शन लागू करने की सुविधा भी प्रदान करती हैं।