Example

Wrap a div element around each p element:

$("button").click(function(){
   $("p").wrap("<div></div>");
});

Try it yourself »

Definition and Usage

The wrap() method wraps specified HTML element(s) around each selected element.


Syntax

$(selector).wrap(wrappingElement)

Parameter Description
wrappingElement Required. Specifies what HTML element(s) to wrap around 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 each selected element


Wrap Elements Using a Function

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

Syntax

$(selector).wrap(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 each selected element.

Wrap and unwrap an element
How to toggle between wrapping and unwrapping an element.