Methode after
De methode after voegt tekst toe na
het opgegeven element. Er bestaat ook een methode
insertAfter,
die op een vergelijkbare manier werkt.
Syntaxis
Tekst invoegen na een element:
$(selector).after(tekst);
Zo wordt na de geselecteerde elementen de tekst toegevoegd die wordt geretourneerd door de gebruikersgedefinieerde functie. De functie wordt afzonderlijk voor elk van de geselecteerde elementen aangeroepen. In de eerste parameter van deze functie komt het volgnummer in de set van elk van de geselecteerde elementen (om de beurt), in de tweede - de huidige inhoud van het element:
$(selector).after(function(volgnummer in set, huidige inhoud van element));
De tekst kan niet alleen gewone tekst zijn, maar ook een DOM-element of een jQuery-object. In dat geval worden deze elementen verplaatst van hun positie in de HTML-code.
Voorbeeld
Laten we tekst invoegen na de opgegeven alinea:
<p id="test">tekst</p>
$('#test').after('!!!');
De HTML-code ziet er dan zo uit:
<p id="test">tekst</p>!!!
Voorbeeld
Laten we tekst met tags invoegen na de opgegeven alinea:
<p id="test">tekst</p>
$('#test').after('<p>!!!</p>');
De HTML-code ziet er dan zo uit:
<p id="test">tekst</p><p>!!!</p>
Voorbeeld
Laten we de ene alinea onder de andere verplaatsen (d.w.z. de alinea uit de oude positie knippen en op een nieuwe plaats zetten):
<p id="p1">tekst1</p>
<p id="p2">tekst2</p>
$('#p1').after($('#p2'));
De HTML-code ziet er dan zo uit:
<p id="p1">tekst1</p>
<p id="p2">tekst2</p>
Zie ook
-
methode
insertAfter,
die tekst toevoegt na het opgegeven element -
methoden
before,append,prepend,
die het mogelijk maken inhoud op een bepaalde plaats op de pagina toe te voegen -
methode
clone,
die kopieën maakt van de geselecteerde elementen
