wrap ක්රමය
wrap ක්රමය අංග
ලබාදුන් ටැගයකින් එළිපිට සකසයි.
වාග් රීතිය
මෙම ක්රමයේ පරාමිතියක් ලෙස පාඨය (ටැග සමග හෝ නොමැතිව), DOM අංගයක් හෝ jQuery වස්තුවක් සේවය කළ හැකිය:
.wrap(text or tag);
මෙසේ තෝරාගත් අංග පරිශීලකයාගේ ශ්රිතය මඟින් ලබාදෙන අන්තර්ගතයෙන් එළිපිට සැකසේ. ශ්රිතය තෝරාගත් එක් එක් අංග සඳහා වෙන වෙනම ආමන්ත්රණය කරනු ලබන අතර, පරාමිතියක් ලෙස කට්ටලය තුළ අංගයේ ස්ථානය ගනී:
.wrap(function(කට්ටලය තුළ අංකය));
නිදර්ශනය
www පන්තිය සහිත සියලු ඡේද
div ටැගයෙන්
එළිපිට සකසමු:
<p class="www">පාඨය</p>
<p class="www">පාඨය</p>
<p class="www">පාඨය</p>
<p>පාඨය</p>
$('.www').wrap(document.createElement('div'));
HTML කේතය මෙලෙස පෙනෙනු ඇත:
<div><p class="www">පාඨය</p></div>
<div><p class="www">පාඨය</p></div>
<div><p class="www">පාඨය</p></div>
<p>පාඨය</p>
නිදර්ශනය
පරාමිතියක් ලෙස ටැගයේ නම පමණක් නොව පහත ඉදිකිරීම ද පරිවහනය කළ හැකිය:
<p class="www">පාඨය</p>
<p class="www">පාඨය</p>
<p class="www">පාඨය</p>
<p>පාඨය</p>
$('.www').wrap('<div></div>');
HTML කේතය මෙලෙස පෙනෙනු ඇත:
<div><p class="www">පාඨය</p></div>
<div><p class="www">පාඨය</p></div>
<div><p class="www">පාඨය</p></div>
<p>පාඨය</p>
නිදර්ශනය
ආරම්භක ටැගය තුළ ඕනෑම ගුණාංග ලිවිය හැකිය,
එවිට එළිපිට සැකසීම මෙම ගුණාංග සමග සිදුවේ.
www පන්තිය සහිත ඡේද
zzz පන්තිය සහිත div එකකින් එළිපිට සකසමු:
<p class="www">පාඨය</p>
<p class="www">පාඨය</p>
<p class="www">පාඨය</p>
<p>පාඨය</p>
$('.www').wrap('<div class="zzz"></div>');
HTML කේතය මෙලෙස පෙනෙනු ඇත:
<div class="zzz"><p class="www">පාඨය</p></div>
<div class="zzz"><p class="www">පාඨය</p></div>
<div class="zzz"><p class="www">පාඨය</p></div>
<p>පාඨය</p>