使用jquery删除div元素？

Question

代码：

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

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

我需要删除div-＆gt; #wrap中的内容 点击按钮。 结果应该像

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

我尝试使用

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

Answer 1

使用.html('')或empty()清空div

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

remove()会将其从DOM中删除。

<强> Demo

* _{同时将<H1>world</h1>修复为<h1>world</h1>}