Metoden after
Metoden after lägger till text efter
det angivna elementet. Det finns också en metod
insertAfter,
som fungerar på ett liknande sätt.
Syntax
Infoga text efter element:
$(selector).after(text);
Så här kommer texten att läggas till efter de valda elementen, som returneras av en användardefinierad funktion. Funktionen anropas separat för var och ett av de valda elementen. Den första parametern i denna funktion tar emot numret i uppsättningen för varje av de valda elementen (i tur och ordning), den andra - elementets nuvarande innehåll:
$(selector).after(function(nummer i uppsättningen, nuvarande innehåll i elementet));
Texten kan inte bara vara vanlig text, utan även ett DOM-element eller ett jQuery-objekt. I detta fall kommer dessa element att flyttas från sin position i HTML-koden.
Exempel
Låt oss infoga text efter den angivna paragrafen:
<p id="test">text</p>
$('#test').after('!!!');
HTML-koden kommer att se ut så här:
<p id="test">text</p>!!!
Exempel
Låt oss infoga text med taggar efter den angivna paragrafen:
<p id="test">text</p>
$('#test').after('<p>!!!</p>');
HTML-koden kommer att se ut så här:
<p id="test">text</p><p>!!!</p>
Exempel
Låt oss flytta en paragraf under en annan (dvs klipp ut paragrafen från den gamla platsen och sätt den på en ny plats):
<p id="p1">text1</p>
<p id="p2">text2</p>
$('#p1').after($('#p2'));
HTML-koden kommer att se ut så här:
<p id="p1">text1</p>
<p id="p2">text2</p>
Se även
-
metoden
insertAfter,
som lägger till text efter det angivna elementet -
metoderna
before,append,prepend,
som gör det möjligt att lägga till innehåll på en specifik plats på sidan -
metoden
clone,
som skapar kopior av de valda elementen
