Metoda prepend
Metoda prepend adaugă text la începutul
elementului. De asemenea, există metoda
prependTo,
care funcționează în mod similar.
Sintaxă
Inserarea textului la începutul elementului:
$(selector).prepend(text);
La începutul elementelor selectate se poate adăuga text care va fi returnat de funcția personalizată. Funcția este apelată separat pentru fiecare dintre elementele selectate. La apelare îi sunt transmise următorii parametri: poziția elementului în set, conținutul actual al elementului:
$(selector).prepend(function(numărul în set, conținutul actual al elementului));
Conținutul poate fi nu doar text simplu, ci și un element DOM sau un obiect jQuery. În acest caz, aceste elemente vor fi mutate de la poziția lor în codul HTML.
Exemplu
Să inserăm text la începutul paragrafului dat:
<p id="test">text</p>
$('#test').prepend('!!!');
Codul HTML va arăta astfel:
<p id="test">!!!text</p>
Exemplu
Să inserăm text cu tag-uri la începutul paragrafului dat:
<p id="test">text</p>
$('#test').prepend('<b>!!!</b>');
Codul HTML va arăta astfel:
<p id="test"><b>!!!</b>text</p>
Exemplu
Să găsim toate paragrafele și la începutul fiecăruia dintre ele să plasăm numărul său de ordine în set:
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
$('p').prepend(function(index, text) {
return index;
});
Codul HTML va arăta astfel:
<p>0text</p>
<p>1text</p>
<p>2text</p>
<p>3text</p>
<p>4text</p>
