Manuale jQuery

Inserisce un contenuto all’inizio di un elemento selezionato

Sintassi

$(selector).prepend(content,function(index,html))

• Content: contenuto da inserire
• function(index,html)): una funzione che restituisce il contenuto da inserire (opzionale)

Esempio

<script>
$(document).ready(function(){
	$("button").click(function(){
	var contenuto = "<p><strong>eccomi</strong></p>"; 
		$("p").prepend(contenuto);
	});
});
</script>
<p>Paragrafo</p>
<button>inserisci paragrafo</button>

Esempio con funzione

<script>
$(document).ready(function(){
	$("button").click(function(){
		$("p").prepend(function(n){
			return  "<b> " + (n + 1) + ".</b> ";
		});
	});
});
</script>
<p>Prima riga di codice</p>
<p>Seconda riga di codice</p>
<p>Terza riga di codice</p>
<button>numera</button>

In questo esempio numeriamo le righe di codice inserite in paragrafi diversi