Run
<!doctype html> <html lang="en"> <head> <title>jQuery Empty Function For Multiple Elements</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script> $(document).ready(function(){ $("div.div-empty").click(function () { $(this).empty(); }); }); </script> </head> <body> <h2>jQuery Empty Function For Multiple Elements</h2> <p>Click the below colored box to make it empty.</p> <div class="div-empty" style="background:red;padding:10px;margin:5px 0;color:#fff;"> <p>Tutorialdeep is a Web Development and Blogging Tutorial.</p> </div> <div class="div-empty" style="background:green;padding:10px;margin:5px 0;color:#fff;"> <span>Learn Web Development Here.</span> </div> <div class="div-empty" style="background:blue;padding:10px;margin:5px 0;color:#fff;"> <em>Learn jQuery With Working Examples.</em> </div> </body> </html>
Go to
Tutorialdeep Homepage