Run
<!doctype html> <html lang="en"> <head> <title>jQuery wrap() Method Use Function to Wrap Selected Element With the Specified HTML Element</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script> $(document).ready(function(){ $('.wrapfnbtn').click(function(){ $("p").wrap(function(){ return "<div></div>" }); }); }); </script> <style> div{ background:green; color:#fff; border:1px solid #000; padding:10px; } </style> </head> <body> <h2>jQuery wrap() Method Use Function to Wrap Selected Element With the Specified HTML Element</h2> <p>This is my paragraph.</p><br><br> <button type="button" class="wrapfnbtn">Click to Wrap Using Function</button> </body> </html>
Go to
Tutorialdeep Homepage