English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Metodo prepend() di jQuery

Metodi HTML/CSS jQuery

Il metodo prepend() di jQuery inserisce il contenuto specificato all'inizio di ogni elemento selezionato (come primo figlio).

Per inserire contenuti alla fine dell'elemento selezionato, usaappend()Metodo.

Sintassi:

Inserisci il contenuto iniziale:

$(selector).prepend(content)

Aggiungi contenuto utilizzando una funzione:

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

Esempio

Aggiungi del testo prima di tutti i paragrafi:

$("button").click(function(){
  $("p").prepend("Hello world");
});
Testa e guarda‹/›

Aggiungi alcune HTML prima di tutti i paragrafi:

$("button").click(function(){
  $("p").prepend("<b>Hello world</b>");
});
Testa e guarda‹/›

Questo esempio utilizza document.createTextNode() per creare un nodo di testo e aggiungerlo prima di tutti gli elementi <p>:

$("button").click(function(){
  $("p").prepend(document.createTextNode("Hello world"));
});
Testa e guarda‹/›

Aggiungi contenuto utilizzando una funzione:

$("button").click(function(){
  $("p").prepend(function(i){
return "<b>This p element has index " + i + "</b>";
  });
});
Testa e guarda‹/›

Valore del parametro

ParametroDescrizione
contentSpecificare il contenuto da inserire all'inizio di ogni elemento selezionato (può contenere tag HTML)

Valori possibili:

  • Elemento HTML

  • Elemento DOM

  • Oggetto jQuery

function(index, html)Specificare una funzione che restituisce il contenuto da inserire
  • index-Restituisci la posizione dell'elemento nella raccolta

  • html-Restituisci l'HTML corrente dell'elemento selezionato

Metodi HTML/CSS jQuery