Metode append
Die metode append voeg teks aan die einde
van 'n element by. Daar bestaan ook die metode
appendTo,
wat op 'n soortgelyke wyse werk.
Sintaksis
Voeg teks aan die einde van die element in:
$(selektor).append(teks);
Aan die einde van die gekose elemente kan teks bygevoeg word wat deur 'n gebruiker-gedefinieerde funksie terugbesorg word. Die funksie word afsonderlik vir elkeen van die gekose elemente geroep. By die oproep word die volgende parameters daaraan oorgedra: die posisie van die element in die versameling, die huidige inhoud van die element:
$(selektor).append(function(nommer in versameling, huidige inhoud van element));
Die inhoud kan ook nie net gewone teks wees nie, maar ook 'n DOM-element of 'n jQuery-voorwerp. In hierdie geval sal hierdie elemente vanuit hul posisie in die HTML-kode verskuif word.
Voorbeeld
Kom ons voeg teks aan die einde van die gegewe paragraaf in:
<p id="test">teks</p>
$('#test').append('!!!');
Die HTML-kode sal so lyk:
<p id="test">teks!!!</p>
Voorbeeld
Kom ons voeg teks met etikette aan die einde van die gegewe paragraaf in:
<p id="test">teks</p>
$('#test').append('<b>!!!</b>');
Die HTML-kode sal so lyk:
<p id="test">teks<b>!!!</b></p>
Voorbeeld
Kom ons vind alle paragrawe en aan die einde van elkeen sy volgorde-nommer in die versameling plaas:
<p>teks</p>
<p>teks</p>
<p>teks</p>
<p>teks</p>
<p>teks</p>
$('p').append(function(index, teks){return index;});
Die HTML-kode sal so lyk:
<p>teks0</p>
<p>teks1</p>
<p>teks2</p>
<p>teks3</p>
<p>teks4</p>
