Operazioni di documento jQuery - metodo wrapInner()

Manuale di riferimento degli effetti jQuery

Esempio

Avvolgi l'elemento b intorno al contenuto di ogni elemento p:

$(".btn1").click(function(){
   $("p").wrapInner("<b></b>");
});

Prova personalmente

Definizione e uso

Il metodo wrapInner() utilizza il contenuto HTML o l'elemento specificato per avvolgere il contenuto interno (inner HTML) di ogni elemento selezionato.

Sintassi

$().wrapInner(wrapper)
Parametro Descrizione
wrapper

Obbligatorio. Specifica il contenuto avvolgente intorno al contenuto selezionato.

Valori possibili:

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

Gli elementi esistenti non vengono spostati, ma vengono copiati e avvolti dall'elemento selezionato.

Avvolgi il contenuto usando una funzione

Usa una funzione per specificare il contenuto avvolgente intorno a ogni elemento selezionato.

Sintassi

$().wrapInner(function())

Prova personalmente

Parametro Descrizione
function() Obbligatorio. Specifica la funzione che restituisce l'elemento avvolgente.

Più esempi

Usare l'elemento nuovo per avvolgere
Creare un nuovo elemento DOM per avvolgere ogni elemento selezionato.

Manuale di riferimento degli effetti jQuery