87,991
社区成员
发帖
与我相关
我的任务
分享
<!doctype html>
<html>
<head>
<meta charset="gb2312">
<title>无标题文档</title>
<script type="text/javascript" src="jquery1.7.js"></script>
<script type="text/javascript">
$(document).ready(function(e) {
$("#table1 tr:gt(1)").hide()
$("#add").click(function(e) {
i=$("#table1 tr:visible").length
$("#table1 tr:eq("+i+")").show()
});
$("#del").click(function(e) {
i=$("#table1 tr:visible").length-1
$("#table1 tr:eq("+i+")").hide()
});
});
</script>
</head>
<body>
<table width="400" border="1" align="center" id="table1">
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
</tr>
<tr>
<td>1</td>
<td>1</td>
<td>1</td>
</tr>
<tr>
<td>2</td>
<td>2</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>3</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>4</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td>5</td>
<td>5</td>
</tr>
</table>
<input name="add" type="button" id="add" value="增加"><input name="del" type="button" id="del" value="减少">
</body>
</html>