Metodo prepend
Il metodo prepend aggiunge testo all'inizio
dell'elemento. Esiste anche il metodo
prependTo,
che funziona in modo analogo.
Sintassi
Inserimento di testo all'inizio di un elemento:
$(selettore).prepend(testo);
All'inizio degli elementi selezionati è possibile aggiungere testo che verrà restituito da una funzione personalizzata. La funzione viene chiamata separatamente per ciascuno degli elementi selezionati. Quando viene chiamata, le vengono passati i seguenti parametri: la posizione dell'elemento nel set, il contenuto attuale dell'elemento:
$(selettore).prepend(function(numero nel set, contenuto attuale dell'elemento));
Il contenuto può essere non solo testo normale ma anche un elemento DOM o un oggetto jQuery. In questo caso, questi elementi verranno spostati dalla loro posizione nel codice HTML.
Esempio
Inseriamo del testo all'inizio del paragrafo specificato:
<p id="test">testo</p>
$('#test').prepend('!!!');
Il codice HTML diventerà così:
<p id="test">!!!testo</p>
Esempio
Inseriamo del testo con tag all'inizio del paragrafo specificato:
<p id="test">testo</p>
$('#test').prepend('<b>!!!</b>');
Il codice HTML diventerà così:
<p id="test"><b>!!!</b>testo</p>
Esempio
Troviamo tutti i paragrafi e all'inizio di ciascuno di essi inseriamo il suo numero d'ordine nel set:
<p>testo</p>
<p>testo</p>
<p>testo</p>
<p>testo</p>
<p>testo</p>
$('p').prepend(function(index, text) {
return index;
});
Il codice HTML diventerà così:
<p>0testo</p>
<p>1testo</p>
<p>2testo</p>
<p>3testo</p>
<p>4testo</p>
