jQuery Basic Tutorial

jQuery Effects

The wrapInner() method wraps the specified HTML element around the content of each selected element.

Wrap an element around the content:

$(selector).wrapInner(wrappingElement)

Wrap an element around the content using a function:

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

Wrap the <b>element around the content of each <p>element:

Example

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

This example uses document.createElement() to create a <b> element and wrap it around the content of each <p> element:

Example

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

Use a function to wrap content:

Example

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

Parameters	Description
wrappingElement	Specify the HTML element that wraps around the content of each selected element. Possible Values: HTML Element DOM Element jQuery Object
function(index)	Specify a function that returns the wrapping element index-Return the index position of the element in the collection