首页 > 代码库 > 删除表格JQuery 效果
删除表格JQuery 效果
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表格的删除和添加</title>
<script type="text/javascript" src="http://www.mamicode.com/jquery-1.8.3.min.js"></script>
</head>
<body>
<table border="1px" width="500px" id="ss">
<tr>
<th>姓名</th>
<th>大小</th>
<th>性别</th>
<th>操作</th>
</tr>
<tr>
<td>小强</td>
<td>B</td>
<td>男</td>
<td><button onclick="fun(this)">删除</button></td>
</tr>
<tr>
<td>大熊</td>
<td>F</td>
<td>男</td>
<td><button onclick="fun(this)">删除</button></td>
<hr>
</tr>
</table>
</body>
<script type="text/javascript">
// 删除
function fun(ob){
$(ob).parents("tr").remove();
}
</script>
</html>
删除表格JQuery 效果