Example

Wrap a b element around the content of each p element:

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

Try it yourself »

Definition and Usage

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


Syntax

$(selector).wrapInner(wrappingElement)

Parameter Description
wrappingElement Required. Specifies what HTML element(s) to wrap around the content of each selected element.

Possible values:

  • HTML elements - like "<div></div>" or "<div><b></b></div>"
  • DOM element - like document.createElement("div")
  • Existing elements - like $(".div1")
    Note: Existing elements will be copied and wrapped around the content of each selected element


Wrap Content Using a Function

Using a function to specify what to wrap around the content of each selected element.

Syntax

$(selector).wrapInner(function())
Try it yourself »

Parameter Description
function() Required. Specifies a function that returns the wrapping element



Examples

Try it Yourself - Examples

Wrap using a DOM method to create a new element
How to use document.createElement(), to create an element to wrap around the content of each selected element.