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

टैग से रैप करने से पहले आप डॉक्यूमेंट में एलिमेंट को पहले से बना सकते हैं। आइए नीचे प्रस्तुत पैराग्राफ को '<div></div>' टैग में रैप करें:

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

इसके लिए आप document.createElement('div') का उपयोग करके डॉक्यूमेंट में एलिमेंट को पहले से बना सकते हैं:

javascript$('.www').wrap(document.createElement('div'));

या:

javascriptlet div = document.createElement("div");
$('.www').wrap(div);

पैरामीटर के रूप में आप न केवल टैग का नाम पास कर सकते हैं, बल्कि इस तरह का कंस्ट्रक्शन - '<div></div>' - भी पास कर सकते हैं, इस मामले में प्रभाव बिल्कुल वैसा ही होगा:

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>

दूसरे तरीके का उपयोग करते समय, ओपनिंग टैग (हमारे मामले में '<div>') में आप कोई भी एट्रिब्यूट लिख सकते हैं, और रैपिंग इन एट्रिब्यूट्स के साथ होगी।

आइए अपने पैराग्राफ को zzz क्लास वाले div से रैप करें:

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>