jQuery හි කිහිපයක් අංග එකතු කිරීම

එක් එක් අංග වෙන වෙනම එකතු කිරීම වෙනුවට, wrapAll ක්‍රමය භාවිතයෙන් සොයාගත් සියලුම අංග එකට එකතු කළ හැකිය.

HTML කේතය තුළ ඡේද සමූහයක් ඉදිරිපත් කර ඇත:

html<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
<p>text</p>

අපි සියලුම www පන්තිය සහිත ඡේද සොයාගෙන ඒවා එක් div ටැගයකින් එකතු කරමු:

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

HTML කේතය පහත ආකාරයෙන් පෙනෙනු ඇත:

html<div>
<p class="www">text</p>
<p class="www">text</p>
<p class="www">text</p>
</div>
<p>text</p>

සලකන්න, එකතු කරන අංග එකින් එක නොසිටියහොත් wrapAll ක්‍රමය පළමුව අංග එක් ස්ථානයකට ගෙන ගොස් පසුව ඒවා එකතු කරනු ඇත. පහත උදාහරණය බලන්න:

html<p class="www">text1</p>
<p class="www">text2</p>
<p>text</p>
<p class="www">text3</p>

wrapAll ක්‍රමය යොදමු:

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

අවසානයේදී අපට පහත HTML කේතය ලැබේ:

html<div>
  <p class="www">text1</p>
  <p class="www">text2</p>
  <p class="www">text3</p>
</div>
<p>text</p>

අංග එකතු කිරීමේ ක්‍රම ද ගණනාවක එක් එක් අංගයට ශ්‍රිතයක් යෙදීමේ හැකියාව සපයයි.