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:

javascript$(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:

javascript$(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:

html<p id="test">tekst</p>

javascript$('#test').after('!!!');

HTML-koden vil da se slik ut:

html<p id="test">tekst</p>!!!

Eksempel

La oss sette inn tekst med tagger etter den angitte avsnittet:

html<p id="test">tekst</p>

javascript$('#test').after('<p>!!!</p>');

HTML-koden vil da se slik ut:

html<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):

html<p id="p1">tekst1</p>
<p id="p2">tekst2</p>

javascript$('#p1').after($('#p2'));

HTML-koden vil da se slik ut:

html<p id="p1">tekst1</p>
<p id="p2">tekst2</p>

Se også