Remove div elements using jquery?

Question

Code:

 <div id="wrap">
 <div>Hello</div>
 <H1>world</h1>
 </div>

 <button id='btn'>Delete</button>

I need to remove contents inside div->#wrap on button click. the result should be like

<div id="wrap">
</div>

I tried using

$("#btn").click(function(){
    $( "#wrap" ).remove();
});

Shaunak D · Accepted Answer · 2015-04-11 12:41:29Z

3

Use .html('') or empty() to empty the div

$('#wrap').html('');    //$("#wrap").empty();

remove() will remove it from the DOM.

*_{Also fix <H1>world</h1> to <h1>world</h1>}

answered Apr 11, 2015 at 12:36

Shaunak D

20.7k10 gold badges48 silver badges79 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1