Operaciones de documentación de jQuery - método wrap()

Manual de efectos de jQuery

Ejemplo

Envolver cada párrafo en el elemento <div>:

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

Prueba por ti mismo

Definición y uso

El método wrap() de jQuery coloca cada elemento seleccionado en el contenido HTML o elemento especificado.

Sintaxis

$().wrap(wrapper)
Parámetros Descripción
wrapper

Obligatorio. Especificar el contenido que envuelve al elemento seleccionado.

Valores posibles:

  • Código HTML - por ejemplo ("<div></div>")
  • Nuevo elemento - por ejemplo (document.createElement("div"))
  • Elementos existentes - por ejemplo ($(".div1"))

Los elementos existentes no se moverán, solo se copiarán y se envolverán los elementos seleccionados.

Usar una función para envolver elementos

Usar una función para especificar el contenido que envuelve cada elemento seleccionado.

Sintaxis

$().wrap(function())

Prueba por ti mismo

Parámetros Descripción
function() Obligatorio. Especificar la función que devuelve el elemento envuelto.

Más ejemplos

Usar el nuevo elemento para envolver
Crear un nuevo elemento DOM para envolver cada elemento seleccionado.
Envolver o desenvolver elementos
Cambiar entre las tareas de envoltura y desenvoltura de elementos.

Manual de efectos de jQuery