jquery - 使用 jQuery 清除 div 和子元素

Question

想知道在 jQuery 中最好/好的方法是什么。我有一个<div>包含使用代码填充的无序列表。我想在页面上放置一个重置按钮，这样事情就开始了：

<div id="testdiv">   
   <ul id="a_list">
     <li>value 1</li>
     <li>value 2</li>   
  </ul> 
</div>

对此：

<div id = "testdiv">
  <ul id = "a_list">
  </ul>
</div>

创造性地使用 .empty() 或 .html('') ，也许是这样的？

Answer 1

.empty()是要走的路：

$('#a_list').empty();

Answer 2

$("#resetButtonId").click(function(){ $("#a_list").empty() });

单击重置按钮时，清空无序列表