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
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 the
content of each selected element.