使用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() });

点击重置按钮后，清空无序列表