Die prepend metode
Die metode prepend voeg teks aan die begin
van 'n element toe. Daar is ook 'n metode
prependTo,
wat op 'n soortgelyke wyse werk.
Sintaksis
Om teks aan die begin van 'n element in te voeg:
$(selektor).prepend(teks);
Aan die begin van die gekose elemente kan teks toegevoeg word wat deur 'n gebruiker-gedefinieerde funksie terugbesorg word. Die funksie word afsonderlik vir elk 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).prepend(function(nommer in die versameling, huidige inhoud van die 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 van hul posisie in die HTML-kode af verskuif word.
Voorbeeld
Laat ons teks aan die begin van die gegewe paragraaf invoeg:
<p id="test">teks</p>
$('#test').prepend('!!!');
Die HTML-kode sal so lyk:
<p id="test">!!!teks</p>
Voorbeeld
Laat ons teks met etikette aan die begin van die gegewe paragraaf invoeg:
<p id="test">teks</p>
$('#test').prepend('<b>!!!</b>');
Die HTML-kode sal so lyk:
<p id="test"><b>!!!</b>teks</p>
Voorbeeld
Laat ons alle paragrawe vind en aan die begin 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').prepend(function(index, teks) {
return index;
});
Die HTML-kode sal so lyk:
<p>0teks</p>
<p>1teks</p>
<p>2teks</p>
<p>3teks</p>
<p>4teks</p>