jQuery | wrapAll() with Examples
The wrapAll() method is an inbuilt method in jQuery which is used when the specified element will wrapped against all the selected elements.
Syntax:
$(selector).wrapAll(wrap_element)
Parameters: This method accept single parameter wrap_element which is mandatory. This parameter is used to specify that which element get wrapped around the selected element.
Return Value: This method returns the selected elements with the specified changes made by wrapAll() method.
Below example illustrates the wrapAll() method in jQuery:
Example:
<!DOCTYPE html> < html > < head > < title >The wrapAll Method</ title > < script src = </ script > <!-- jQuery code to show the working of this method --> < script > $(document).ready(function() { $("button").click(function() { $("p").wrapAll("< div ></ div >"); }); }); </ script > < style > div { background-color: lightgreen; padding: 20px; width: 200px; font-weight: bold; height: 60px; border: 2px solid green; } </ style > </ head > < body > <!-- click on this paragraph and see the change --> < p >Welcome to GeeksforGeeks!< br >< br > < button >Click Here!</ button ></ p > </ body > </ html > |
Output: