<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jquery动态生成和删除一行</title>
<script type="text/javascript" src="jquery-2.0.0.js">
</script>
<script type="text/javascript">
$(function() {
var number = 0;
$("#add").click(function() {
number++;
var table = $("#table");
var html = "<tr><td>" + number + "</td></tr>";
table.append(html);
});
$("#sub").click(function() {
if (number == 0) {
alert("没有可删除的行啦!");
} else {
number--;
$("#table tr").last().remove();
}
});
})
</script>
</head>
<body>
<button id="add">添加一行</button>
<button id="sub">删除一行</button>
<table id="table">
</table>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>jquery动态生成和删除一行</title>
<script type="text/javascript" src="jquery-2.0.0.js">
</script>
<script type="text/javascript">
$(function() {
var number = 0;
$("#add").click(function() {
number++;
var table = $("#table");
var html = "<tr><td>" + number + "</td></tr>";
table.append(html);
});
$("#sub").click(function() {
if (number == 0) {
alert("没有可删除的行啦!");
} else {
number--;
$("#table tr").last().remove();
}
});
})
</script>
</head>
<body>
<button id="add">添加一行</button>
<button id="sub">删除一行</button>
<table id="table">
</table>
</body>
</html>