Tutorial básico de jQuery

Efectos jQuery

El método wrapInner() envuelve el elemento HTML especificado alrededor de cada elemento seleccionado.

Envuelve un elemento alrededor del contenido:

$(selector).wrapInner(wrappingElement)

Usa una función para envolver el elemento en el contenido:

$(selector).wrapInner(function(index))

Envuelve el <b>elemento en cada contenido del <p>elemento:

Ejemplo

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

Este ejemplo utiliza document.createElement() para crear un elemento <b> y envolverlo alrededor del contenido de cada elemento <p>:

Ejemplo

$("button").click(function(){
　　$("p").wrapInner(document.createElement("b"));
});

Envolver contenido con una función:

Ejemplo

$("button").click(function(){
　　$("p").wrapInner(function(){
　　　　　　return document.createElement("b");
　　});
});

Parámetros	Descripción
wrappingElement	Especificar el elemento HTML que rodea el contenido de cada elemento seleccionado. Valores posibles: Elemento HTML Elemento DOM Objeto jQuery
function(index)	Especificar una función que devuelva el elemento envolvente índice-Devuelve la posición del elemento en la colección