Metodas prepend
Metodas prepend prideda tekstą į elemento
pradžią. Taip pat egzistuoja metodas
prependTo,
kuris veikia panašiu būdu.
Sintaksė
Teksto įterpimas į elemento pradžią:
$(selektorius).prepend(tekstas);
Į pasirinktų elementų pradžią galima pridėti tekstą, kurį grąžins vartotojo funkcija. Funkcija iškviečiama atskirai kiekvienam iš pasirinktų elementų. Iškviečiant jai perduodami šie parametrai: elemento pozicija rinkinyje, dabartinis elemento turinys:
$(selektorius).prepend(function(numeris rinkinyje, dabartinis elemento turinys));
Turinys taip pat gali būti ne tik paprastas tekstas, bet ir DOM elementas ar jQuery objektas. Šiuo atveju šie elementai bus perkelti iš savo pozicijos HTML kode.
Pavyzdys
Įterpkime tekstą į nurodyto pastraipos pradžią:
<p id="test">text</p>
$('#test').prepend('!!!');
HTML kodas atrodys taip:
<p id="test">!!!text</p>
Pavyzdys
Įterpkime tekstą su žymėmis į nurodyto pastraipos pradžią:
<p id="test">text</p>
$('#test').prepend('<b>!!!</b>');
HTML kodas atrodys taip:
<p id="test"><b>!!!</b>text</p>
Pavyzdys
Raskime visas pastraipas ir į kiekvienos pradžią įdėsime jos eilės numerį rinkinyje:
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
$('p').prepend(function(index, text) {
return index;
});
HTML kodas atrodys taip:
<p>0text</p>
<p>1text</p>
<p>2text</p>
<p>3text</p>
<p>4text</p>