wrap ක්‍රමය

wrap ක්‍රමය අංග ලබාදුන් ටැගයකින් එළිපිට සකසයි.

වාග් රීතිය

මෙම ක්‍රමයේ පරාමිතියක් ලෙස පාඨය (ටැග සමග හෝ නොමැතිව), DOM අංගයක් හෝ jQuery වස්තුවක් සේවය කළ හැකිය:

javascript.wrap(text or tag);

මෙසේ තෝරාගත් අංග පරිශීලකයාගේ ශ්‍රිතය මඟින් ලබාදෙන අන්තර්ගතයෙන් එළිපිට සැකසේ. ශ්‍රිතය තෝරාගත් එක් එක් අංග සඳහා වෙන වෙනම ආමන්ත්‍රණය කරනු ලබන අතර, පරාමිතියක් ලෙස කට්ටලය තුළ අංගයේ ස්ථානය ගනී:

javascript.wrap(function(කට්ටලය තුළ අංකය));

නිදර්ශනය

www පන්තිය සහිත සියලු ඡේද div ටැගයෙන් එළිපිට සකසමු:

html<p class="www">පාඨය</p>
<p class="www">පාඨය</p>
<p class="www">පාඨය</p>
<p>පාඨය</p>

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

HTML කේතය මෙලෙස පෙනෙනු ඇත:

html<div><p class="www">පාඨය</p></div>
<div><p class="www">පාඨය</p></div>
<div><p class="www">පාඨය</p></div>
<p>පාඨය</p>

නිදර්ශනය

පරාමිතියක් ලෙස ටැගයේ නම පමණක් නොව පහත ඉදිකිරීම ද පරිවහනය කළ හැකිය:

html<p class="www">පාඨය</p>
<p class="www">පාඨය</p>
<p class="www">පාඨය</p>
<p>පාඨය</p>

javascript$('.www').wrap('<div></div>');

HTML කේතය මෙලෙස පෙනෙනු ඇත:

html<div><p class="www">පාඨය</p></div>
<div><p class="www">පාඨය</p></div>
<div><p class="www">පාඨය</p></div>
<p>පාඨය</p>

නිදර්ශනය

ආරම්භක ටැගය තුළ ඕනෑම ගුණාංග ලිවිය හැකිය, එවිට එළිපිට සැකසීම මෙම ගුණාංග සමග සිදුවේ. www පන්තිය සහිත ඡේද zzz පන්තිය සහිත div එකකින් එළිපිට සකසමු:

html<p class="www">පාඨය</p>
<p class="www">පාඨය</p>
<p class="www">පාඨය</p>
<p>පාඨය</p>

javascript$('.www').wrap('<div class="zzz"></div>');

HTML කේතය මෙලෙස පෙනෙනු ඇත:

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>

මෙයද බලන්න