jQuery Basic Tutorial

jQuery Effects

The wrapAll() method wraps the specified HTML element around all selected elements.

$.wrapAll(wrappingElement)

Wrap the DIV element around all <p> elements:

Example

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

This example uses document.createElement() to create a DIV element and wrap it around all <p> elements:

Example

$("button").click(function(){
　　$("p").wrapAll(document.createElement("div"));
});

Note that in this example, all the content between paragraphs is forgotten, for example (About me?):

This is the first paragraph.

This is the second paragraph.

This is the last paragraph.

The difference between the wrap() method and the wrapAll() method:

Example

$("#btn1").click(function(){
　　$("p").wrap("<div></div>");
});
$("#btn2").click(function(){
　　$("p").wrapAll("<div></div>");
});

Parameter	Description
wrappingElement	Specify the structure to wrap all selected elements Possible Values: HTML Element DOM Element jQuery Object