jQuery operazioni di documento - metodo wrap()

Manuale di riferimento degli effetti jQuery

Esempio

Avvolgi ogni paragrafo在内的<div>elemento:

$(".btn1").click(function(){
   $("p").wrap("<div></div>");
});

Prova tu stesso

Definizione e uso

Il metodo wrap() mette ogni elemento selezionato nel contenuto HTML o elemento specificato.

Sintassi

$().wrap(wrapper)
Parametro Descrizione
wrapper

Obbligatorio. Specifica il contenuto avvolgente dell'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.

Usa una funzione per avvolgere l'elemento

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

Sintassi

$().wrap(function())

Prova tu stesso

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

Più esempi

Usa l'elemento nuovo per avvolgere
Crea un nuovo elemento DOM per avvolgere ogni elemento selezionato.
Avvolgi o svincola un elemento
Cambia tra le operazioni di avvolgimento e svincolamento degli elementi.

Manuale di riferimento degli effetti jQuery