Metode prepend
Metode prepend pievieno tekstu elementa
sākumā. Pastāv arī metode
prependTo,
kas strādā līdzīgā veidā.
Sintakse
Teksta ievietošana elementa sākumā:
$(selektors).prepend(teksts);
Izvēlēto elementu sākumā var pievienot tekstu, ko atgriezīs lietotāja definēta funkcija. Funkcija tiek izsaukta atsevišķi katram no izvēlētajiem elementiem. Izsaukšanas brīdī tai tiek nodoti šādi parametri: elementa pozīcija kopā, elementa pašreizējais saturs:
$(selektors).prepend(function(numurs kopā, pašreizējais elementa saturs));
Saturs var būt ne tikai parasts teksts, bet arī DOM elements vai jQuery objekts. Šajā gadījumā šie elementi tiks pārvietoti no savas pozīcijas HTML kodā.
Piemērs
Ievietosim tekstu dotā rindkopas sākumā:
<p id="test">teksts</p>
$('#test').prepend('!!!');
HTML kods izskatīsies šādi:
<p id="test">!!!teksts</p>
Piemērs
Ievietosim tekstu ar atzīmēm dotās rindkopas sākumā:
<p id="test">teksts</p>
$('#test').prepend('<b>!!!</b>');
HTML kods izskatīsies šādi:
<p id="test"><b>!!!</b>teksts</p>
Piemērs
Atradīsim visas rindkopas un katrai no tām sākumā ievietosim tās kārtas numuru kopā:
<p>teksts</p>
<p>teksts</p>
<p>teksts</p>
<p>teksts</p>
<p>teksts</p>
$('p').prepend(function(index, teksts) {
return index;
});
HTML kods izskatīsies šādi:
<p>0teksts</p>
<p>1teksts</p>
<p>2teksts</p>
<p>3teksts</p>
<p>4teksts</p>
