jQuery Documentación de Operaciones - Método wrapInner()

Manual de Referencia de Efectos de jQuery

Ejemplo

Envuelve el elemento b en el contenido de cada elemento p:

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

Prueba personalmente

Definición y uso

El método wrapInner() usa el contenido HTML o elemento especificado para envolver todo el contenido (inner HTML) de cada elemento seleccionado.

Sintaxis

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

Obligatorio. Especifica el contenido envolvente alrededor del contenido seleccionado.

Valores posibles:

  • Código HTML - por ejemplo ("<div></div>")
  • Nuevo elemento DOM - 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.

Envolver contenido usando una función

Usa una función para especificar el contenido envolvente alrededor de cada elemento seleccionado.

Sintaxis

$().wrapInner(function())

Prueba personalmente

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

Más ejemplos

Usar el nuevo elemento para envolver
Crear un nuevo elemento DOM para envolver cada elemento seleccionado.

Manual de Referencia de Efectos de jQuery