jQuery Documentazione - metodo replaceWith()

Manuale di riferimento degli effetti di jQuery

Esempio

Sostituisci ogni paragrafo con testo in grassetto:

$(".btn1").click(function(){
   $("p").replaceWith("<b>Hello world!</b>");
});

Prova tu stesso

Definizione e uso

Il metodo replaceWith() sostituisce l'elemento selezionato con il contenuto HTML o l'elemento specificato.

Suggerimento:replaceWith() e replaceAll() Uso identico. La differenza sta nella sintassi: posizione del contenuto e del selettore, e replaceAll() non può usare funzioni per la sostituzione.

Sintassi

$().replaceWith(content)
Parametro Descrizione
content

Obbligatorio. Specifica il contenuto da sostituire nell'elemento selezionato.

Valori possibili:

  • Codice HTML - ad esempio ("<div></div>")
  • Nuovo elemento - ad esempio (document.createElement("div"))
  • Elementi esistenti - ad esempio ($(".div1"))

Gli elementi esistenti non vengono spostati, ma copiati e avvolti dall'elemento selezionato.
Obbligatorio. Specifica l'elemento da sostituire.

Usa una funzione per sostituire l'elemento

Usa una funzione per sostituire l'elemento selezionato con un nuovo contenuto.

Sintassi

$().replaceWith(function())

Prova tu stesso

Parametro Descrizione
function() Obbligatorio. Restituisce la funzione del nuovo contenuto dell'elemento selezionato da sostituire.

Più esempi

Usa l'elemento nuovo per sostituire l'elemento
Usa document.createElement() per creare un nuovo elemento DOM, quindi usa questo elemento per sostituire l'elemento selezionato.

Manuale di riferimento degli effetti di jQuery