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:

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

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

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

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

HTML-koden kommer att se ut så här:

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

Exempel

Låt oss infoga text med taggar efter den angivna paragrafen:

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

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

HTML-koden kommer att se ut så här:

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

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

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

HTML-koden kommer att se ut så här:

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

Se även