empty() Method - Javascript jQuery Method and Property

Javascript examples for jQuery Method and Property:empty

  1. HOME
  2. Javascript
  3. jQuery Method and Property
  4. empty

Description

The empty() method removes all child nodes and content from the selected elements.

Syntax

The following code shows how to Remove the content of all <div> elements:

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("button").click(function(){
        $("div").empty();
    });//  ww  w  .  j a  v  a2 s  .  c o  m
});
</script>
</head>
<body>

<div style="height:100px;background-color:yellow">
  This is some text
  <p>This is a paragraph inside the div.</p>
</div>

<p>This is a paragraph outside the div.</p>

<button>Remove content of the div element</button>

</body>
</html>

Related Tutorials