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

Metodo insertBefore() di jQuery

Per l'espressione di selezione before() prima della funzione, il contenuto viene utilizzato come parametro

Metodi HTML/CSS jQuery

Il metodo insertBefore() di jQuery inserisce l'elemento HTML specificato prima dell'elemento selezionato.

Per inserire un elemento HTML dopo l'elemento selezionato, utilizzareinsertAfter()metodo.

inbefore()Esegue lo stesso compito del metodo insertBefore() di JavaScript. La principale differenza risiede nella sintassi:

  • Usabefore()La espressione di selezione è prima della funzione, e il contenuto è un parametro

  • UsainsertBefore()Esattamente l'opposto, il contenuto è prima del metodo, e verrà messo prima dell'elemento specificato dai parametri

Sintassi:

$(content).insertBefore(selector)

Esempio

Inserisci un elemento HTML prima di ogni paragrafo:

$("button").click(function(){
  $("<p style='color:red;'>Hello world</p>").insertBefore("p");
});
Prova a vedere‹/›

Inserisci un elemento esistente prima di ogni elemento selezionato utilizzando il metodo insertBefore():

$("button").click(function(){
  $("h1").insertBefore("p");
});
Prova a vedere‹/›

Valore del parametro

ParametroDescrizione
contentSpecifica il contenuto da inserire (deve contenere tag HTML)

Valori possibili:

  • Elemento HTML

  • Elemento DOM

  • Oggetto jQuery

selectorL'elemento selezionato verrà inserito prima di questo parametro specificato

Metodi HTML/CSS jQuery