append ක්රමය
append ක්රමය අංගයක අවසානයට පෙළ
එකතු කරයි. එලෙසම ක්රියා කරන
appendTo
ක්රමයක්ද පවතී.
වාක්ය රීතිය
අංගයක අවසානයට පෙළ ඇතුළු කිරීම:
$(selector).append(text);
තෝරාගත් අංගවල අවසානයට පරිශීලක ශ්රිතයකින් ආපසු ලබා දෙන පෙළ එකතු කළ හැකිය. එම ශ්රිතය තෝරාගත් එක් එක් අංගය සඳහා වෙන වෙනම ක්රියා කරවනු ලැබේ. ක්රියා කරවන විට එයට පහත පරාමිතීන් ලබා දේ: කුලකය තුළ ඇති අංගයේ ස්ථානය, අංගයේ වත්මන් අන්තර්ගතය:
$(selector).append(function(indexInSet, currentElementContent));
අන්තර්ගතය සාමාන්ය පෙළ පමණක් නොව DOM අංගයක් හෝ jQuery වස්තුවක් ද විය හැකිය. මෙම අවස්ථාවේදී මෙම අංග ඒවායේ HTML කේතය තුළ තිබූ ස්ථානයෙන් ගෙන යනු ලැබේ.
නිදර්ශනය
දී ඇති ඡේදයක අවසානයට පෙළ ඇතුල් කරමු:
<p id="test">text</p>
$('#test').append('!!!');
HTML කේතය මේ ආකාරයට පෙනෙනු ඇත:
<p id="test">text!!!</p>
නිදර්ශනය
දී ඇති ඡේදයක අවසානයට ටැග සහිත පෙළ ඇතුළු කරමු:
<p id="test">text</p>
$('#test').append('<b>!!!</b>');
HTML කේතය මේ ආකාරයට පෙනෙනු ඇත:
<p id="test">text<b>!!!</b></p>
නිදර්ශනය
සියලුම ඡේද සොයාගෙන, එක් එක් ඡේදයේ අවසානයට එහි කුලකය තුළ ඇති අනුපිළිවෙල අංකය යොමු කරමු:
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
$('p').append(function(index, text){return index;});
HTML කේතය මේ ආකාරයට පෙනෙනු ඇත:
<p>text0</p>
<p>text1</p>
<p>text2</p>
<p>text3</p>
<p>text4</p>
