Metoden after

Metoden after tilføjer tekst efter det angivne element. Der findes også en metode insertAfter, som fungerer på samme måde.

Syntaks

Indsættelse af tekst efter et element:

javascript$(selector).after(tekst);

Sådan vil teksten, som returneres af den brugerdefinerede funktion, blive tilføjet efter de valgte elementer. Funktionen kaldes for hvert af de valgte elementer. Den første parameter i denne funktion er indekset for hvert af de valgte elementer (i rækkefølge), og den anden er elementets nuværende indhold:

javascript$(selector).after(function(indeks i sættet, nuværende indhold af elementet));

Teksten kan ikke kun være almindelig tekst, men også et DOM-element eller et jQuery-objekt. I dette tilfælde vil disse elementer blive flyttet fra deres position i HTML-koden.

Eksempel

Lad os indsætte tekst efter den angivne afsnit:

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

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

HTML-koden vil se sådan ud:

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

Eksempel

Lad os indsætte tekst med tags efter den angivne afsnit:

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

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

HTML-koden vil se sådan ud:

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

Eksempel

Lad os flytte det ene afsnit under det andet (dvs. skære afsnittet ud fra den gamplads og placere det på en ny):

html<p id="p1">text1</p>
<p id="p2">text2</p>

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

HTML-koden vil se sådan ud:

html<p id="p1">text1</p>
<p id="p2">text2</p>

Se også