Metoden after
Metoden after legger til tekst etter
det angitte elementet. Det finnes også en metode
insertAfter,
som fungerer på samme måte.
Syntaks
Setter inn tekst etter elementet:
$(selector).after(tekst);
Slik vil teksten som returneres av en brukerdefinert funksjon bli lagt til etter de valgte elementene. Funksjonen kalles for hvert av de valgte elementene. Den første parameteren i denne funksjonen er indeksen til hvert av de valgte elementene (i rekkefølge), og den andre er elementets nåværende innhold:
$(selector).after(function(indeks i samlingen, nåværende innhold av elementet));
Teksten kan ikke bare være vanlig tekst, men også et DOM-element eller et jQuery-objekt. I så fall vil disse elementene bli flyttet fra sin posisjon i HTML-koden.
Eksempel
La oss sette inn tekst etter den angitte avsnittet:
<p id="test">tekst</p>
$('#test').after('!!!');
HTML-koden vil da se slik ut:
<p id="test">tekst</p>!!!
Eksempel
La oss sette inn tekst med tagger etter den angitte avsnittet:
<p id="test">tekst</p>
$('#test').after('<p>!!!</p>');
HTML-koden vil da se slik ut:
<p id="test">tekst</p><p>!!!</p>
Eksempel
La oss flytte ett avsnitt under et annet (dvs. klippe ut avsnittet fra den gamle plasseringen og plassere det på den nye):
<p id="p1">tekst1</p>
<p id="p2">tekst2</p>
$('#p1').after($('#p2'));
HTML-koden vil da se slik ut:
<p id="p1">tekst1</p>
<p id="p2">tekst2</p>
Se også
-
metoden
insertAfter,
som legger til tekst etter det angitte elementet -
metodene
before,append,prepend,
som lar deg legge til innhold på et spesifikt sted på siden -
metoden
clone,
som oppretter kopier av de valgte elementene
