Metode after
Metode after pievieno tekstu aiz
norādītā elementa. Pastāv arī metode
insertAfter,
kas strādā līdzīgā veidā.
Sintakse
Teksta ievietošana aiz elementa:
$(selektors).after(teksts);
Šādi aiz atlasītajiem elementiem tiks pievienots teksts, ko atgriezīs lietotāja definēta funkcija. Funkcija tiek izsaukta atsevišķi katram no atlasītajiem elementiem. Pirmajā parametrā šīs funkcijas nonāk katra elementa kārtas numurs atlasītajā kopā (pēc kārtas), otrajā - elementa pašreizējais saturs:
$(selektors).after(function(kārtas numurs kopā, pašreizējais elementa saturs));
Teksts var būt ne tikai parasts teksts, bet arī DOM elements vai jQuery objekts. Šajā gadījumā šie elementi tiks pārvietoti no savas pozīcijas HTML kodā.
Piemērs
Ievietosim tekstu aiz norādītā rindkopas:
<p id="test">text</p>
$('#test').after('!!!');
HTML kods izskatīsies šādi:
<p id="test">text</p>!!!
Piemērs
Ievietosim tekstu ar atzīmēm aiz norādītās rindkopas:
<p id="test">text</p>
$('#test').after('<p>!!!</p>');
HTML kods izskatīsies šādi:
<p id="test">text</p><p>!!!</p>
Piemērs
Pārvietosim vienu rindkopu zem otras (izgriezīsim rindkopu no vecās vietas un ievietosim jaunajā):
<p id="p1">text1</p>
<p id="p2">text2</p>
$('#p1').after($('#p2'));
HTML kods izskatīsies šādi:
<p id="p1">text1</p>
<p id="p2">text2</p>
Skatiet arī
-
metode
insertAfter,
kas pievieno tekstu aiz norādītā elementa -
metodes
before,append,prepend,
kas ļauj pievienot saturu noteiktā vietā lapā -
metode
clone,
kas izveido atlasīto elementu kopijas
