De append methode
De methode append voegt tekst toe aan het einde
van een element. Er bestaat ook een methode
appendTo,
die op een vergelijkbare manier werkt.
Syntaxis
Tekst invoegen aan het einde van een element:
$(selector).append(tekst);
Aan het einde van de geselecteerde elementen kan tekst worden toegevoegd die wordt geretourneerd door een door de gebruiker gedefinieerde functie. De functie wordt afzonderlijk aangeroepen voor elk van de geselecteerde elementen. Bij aanroep worden de volgende parameters doorgegeven: de positie van het element in de set, de huidige inhoud van het element:
$(selector).append(function(positie in set, huidige inhoud van element));
De inhoud kan niet alleen gewone tekst zijn, maar ook een DOM-element of een jQuery-object. In dat geval worden deze elementen verplaatst vanuit hun positie in de HTML-code.
Voorbeeld
Laten we tekst invoegen aan het einde van de opgegeven alinea:
<p id="test">tekst</p>
$('#test').append('!!!');
De HTML-code ziet er dan als volgt uit:
<p id="test">tekst!!!</p>
Voorbeeld
Laten we tekst met tags invoegen aan het einde van de opgegeven alinea:
<p id="test">tekst</p>
$('#test').append('<b>!!!</b>');
De HTML-code ziet er dan als volgt uit:
<p id="test">tekst<b>!!!</b></p>
Voorbeeld
Laten we alle alinea's vinden en aan het einde van elk ervan zijn volgnummer in de set plaatsen:
<p>tekst</p>
<p>tekst</p>
<p>tekst</p>
<p>tekst</p>
<p>tekst</p>
$('p').append(function(index, tekst){return index;});
De HTML-code ziet er dan als volgt uit:
<p>tekst0</p>
<p>tekst1</p>
<p>tekst2</p>
<p>tekst3</p>
<p>tekst4</p>
