- jQuery清空表格数据
$("#departmentlist tr:not(:first)").html("");
<a href="#" class="btn btn-primary" type="button" name="select" id="select">清空table数据,保留第一行标题</a>
<table id="departmentlist">
<tr>
<td><h5>Department_ID</h5></td>
<td><h5>Department_Name</h5></td>
<td><h5>Manager_ID</h5></td>
<td><h5>Location_ID</h5></td>
</tr>
<tr>
<td><h5>Department_ID</h5></td>
<td><h5>Department_Name</h5></td>
<td><h5>Manager_ID</h5></td>
<td><h5>Location_ID</h5></td>
</tr>
<tr>
<td><h5>Department_ID</h5></td>
<td><h5>Department_Name</h5></td>
<td><h5>Manager_ID</h5></td>
<td><h5>Location_ID</h5></td>
</tr>
<tr>
<td><h5>Department_ID</h5></td>
<td><h5>Department_Name</h5></td>
<td><h5>Manager_ID</h5></td>
<td><h5>Location_ID</h5></td>
</tr>
</table>
$("#select").click(function(){
$("#departmentlist tr:not(:first)").html("");
}
- jQuery清空表单数据
<a href="#" class="btn btn-primary" type="button" name="test" id="test">清空表单信息以及所选条件</a>
<form id="myform">
<input type="text" name="departmentName" id="departmentName"/>
//...
</form>
$("#test").click(function(){
$(':input','#myform')
.not(':button, :submit, :reset, :hidden')
.val('')
.removeAttr('checked')
.removeAttr('selected');
}