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
Parameter |
Description |
function() |
Required. Specifies a function that returns the wrapping element |
 |
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.