wrap() Method

Syntax

.wrap()

Description

wrap() method is used to cover or wrap a specified HTML structure around each of the selected element. The below example shows you how to wrap a HTML element to the matched elements.

Example Code

<script type="text/javascript" src="jquery.js"></script> <link href='http://hscripts.com/style-new.css' rel='stylesheet' type='text/css'> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("h4").wrap("<pre></pre>"); }); }); </script> <style type="text/css"> pre {background-color:lightblue;} </style> <h4>Text1</h4> <h4>Text2</h4> <button>click me</button> <br>