Products

Data Converter Cleaner TUC - Unit Converter Import Export Survey Manager Tweet Controller

Developer

Article Blog Forum Interview Beginner News Startup Quiz

Users

Career

Apply Job Internship

Pricing

Login Sign Up Get a Quote

Removing DOM Elements Using Jquery.

Anonymous User 1607 27 Mar 2016

How to Removing DOM Elements Using Jquery. Please Help me.

Ask by Anonymous User

Updated 28 Mar 2016

1 Answers

Anonymous User 28 Mar 2016

the method remove( expr ) method removes all matched elements from the DOM.

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <title>The jQuery Example</title>
      <script type = "text/javascript" 
         src = "http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
	      <script type = "text/javascript" language = "javascript">
          $(document).ready(function () {
              $("p").click(function () {
                  $(this).remove();
              });
          });
      </script>
      <style>
         .div{ margin:10px;padding:12px; border:2px solid #666; width:70px;}
      </style>
</head>
<body>    
      <p class = "div" style = "background-color:green;">Hello</p>
      <p class = "div" style = "background-color:yellow;">Hi</p>
      <p class = "div" style = "background-color:red;">Call Back</p>  
</body>
</html>

MindStick Training

Markdown for AI

A clean, structured version of this page for AI assistants and LLMs.