after ක්රමය
after ක්රමය නියමිත අංගයකට පසුව
පෙළ එකතු කරයි. එලෙසම ක්රියාත්මක වන
insertAfter
ක්රමයක්ද පවතී.
වාක්ය රචනා ක්රමය
අංගයකට පසුව පෙළ ඇතුල් කිරීම:
$(තෝරන්නා).after(පෙළ);
තෝරාගත් අංග සෑම එකකටම වෙන වෙනම කැඳවන පරිශීලක ශ්රිතය විසින් ලබාදෙන පෙළ තෝරාගත් අංගවලට පසුව එකතු කරනු ඇත. මෙම ශ්රිතයට පළමු පරාමිතිය වශයෙන් තෝරාගත් අංග සමූහයේ අංකය (පිළිවෙලින්), දෙවන පරාමිතිය වශයෙන් අංගයේ දැනට පවතින අන්තර්ගතය ලැබෙනු ඇත:
$(තෝරන්නා).after(function(සමූහයේ අංකය, අංගයේ දැනට ඇති අන්තර්ගතය));
පෙළ සාමාන්ය පෙළ පමණක් නොව, DOM අංගයක් හෝ jQuery වස්තුවක්ද විය හැකිය. මෙම අවස්ථාවේදී මෙම අංග ඒවායේ ස්ථානයෙන් HTML කේතය තුළ ගමන් කරනු ඇත.
උදාහරණය
නියමිත ඡේදයට පසුව පෙළ ඇතුල් කරමු:
<p id="test">පෙළ</p>
$('#test').after('!!!');
HTML කේතය මෙලෙස පෙනෙනු ඇත:
<p id="test">පෙළ</p>!!!
උදාහරණය
නියමිත ඡේදයට පසුව ටැග සහිත පෙළ ඇතුල් කරමු:
<p id="test">පෙළ</p>
$('#test').after('<p>!!!</p>');
HTML කේතය මෙලෙස පෙනෙනු ඇත:
<p id="test">පෙළ</p><p>!!!</p>
උදාහරණය
එක් ඡේදයක් තවත් ඡේදයකට පහළට ගමන් කරමු (එනම්, පැරණි ස්ථානයෙන් ඡේදය කපා නව ස්ථානයක තබමු):
<p id="p1">පෙළ1</p>
<p id="p2">පෙළ2</p>
$('#p1').after('#p2');
HTML කේතය මෙලෙස පෙනෙනු ඇත:
<p id="p2">පෙළ2</p>
<p id="p1">පෙළ1</p>
මෙයද බලන්න
-
insertAfterක්රමය,
එය නියමිත අංගයකට පසුව පෙළ එකතු කරයි -
before,append,prependක්රම,
පිටුවේ නිශ්චිත ස්ථානයකට අන්තර්ගතය එකතු කිරීමට ඉඩ දේ -
cloneක්රමය,
එය තෝරාගත් අංගවල පිටපත් සාදයි
