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:
$(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:
$(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:
<p id="test">text</p>
$('#test').after('!!!');
HTML-koden vil se sådan ud:
<p id="test">text</p>!!!
Eksempel
Lad os indsætte tekst med tags efter den angivne afsnit:
<p id="test">text</p>
$('#test').after('<p>!!!</p>');
HTML-koden vil se sådan ud:
<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):
<p id="p1">text1</p>
<p id="p2">text2</p>
$('#p1').after($('#p2'));
HTML-koden vil se sådan ud:
<p id="p1">text1</p>
<p id="p2">text2</p>
Se også
-
metoden
insertAfter,
som tilføjer tekst efter det angivne element -
metoderne
before,append,prepend,
der giver mulighed for at tilføje indhold på et bestemt sted på siden -
metoden
clone,
som opretter kopier af de valgte elementer
