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>