jQuery में एलिमेंट्स बनाना और रैप करना
टैग से रैप करने से पहले आप डॉक्यूमेंट में
एलिमेंट को पहले से बना सकते हैं। आइए नीचे प्रस्तुत
पैराग्राफ को '<div></div>' टैग में रैप करें:
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>
इसके लिए आप
document.createElement('div') का उपयोग करके
डॉक्यूमेंट में एलिमेंट को पहले से बना सकते हैं:
$('.www').wrap(document.createElement('div'));
या:
let div = document.createElement("div");
$('.www').wrap(div);
पैरामीटर के रूप में आप न केवल टैग का नाम
पास कर सकते हैं, बल्कि इस तरह का कंस्ट्रक्शन - '<div></div>'
- भी पास कर सकते हैं, इस मामले में प्रभाव बिल्कुल वैसा ही होगा:
$('.www').wrap('<div></div>');
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 से रैप करें:
$('.www').wrap('<div class="zzz"></div>');
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>
प्रत्येक h3 को aaa क्लास वाले
div में रैप करें।
