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 එකකින් ආවරණය කරන්න.
