Índice

Rodear un elemento

wrap(HTML o elemento)

Rodea cada elemento seleccionado con el elemento que se pasa como argumento. Este procedimiento es muy útil para inyectar una estructura de código adicional en un documento sin modificar su semántica original. 

$("p").wrap("<div class=’wrap’></div>");

Este método devuelve un objeto jQuery.

Desde la versión 1.4, esta acción también se puede hacer por una función.

wrapAll(HTML o elemento)

Rodea todos los elementos de la selección con un único elemento. Es diferente de la función wrap(), que rodea cada elemento de la selección con un nuevo elemento (ver los siguientes ejemplos).

$("p").wrapAll("<div></div>");

Este método devuelve un objeto jQuery.

wrapInner(HTML o elemento)

Rodea los hijos de un elemento (los nodos de texto incluidos) con otro elemento.

$("p").wrapInner("<b></b>");

Este método devuelve un objeto jQuery.

Desde la versión 1.4, esto también se puede hacer con una función.

unwrap()

Desde la versión 1.4, el método unwrap() permite anular la acción realizada con wrap().

$("#afectar”).click(function() { 
    $("p").wrap("<div></div>"); 
}); 
$("#suprimir").click(function() { 
    $("p").unwrap(); 
});

Ejemplo

Aplicamos estos métodos a un ejemplo similar a los anteriores. ...