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