我想创建使用JQuery,当一个按钮被点击添加和删除行的动态表。JQuery的删除()无法正常工作
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
$(document).ready(function() {
var i = 2;
$("#btn1").click(function() {
$("table").append("<tr id='r" + i + "' ><td>" + i+++"<td><input type='text' /></td></tr>");
});
$("#btn2").click(function() {
if (i > 2) {
$("#r" + i).remove();
i--;
} else {
alert("Row Cannot Be Deleted !");
}
});
});
</script>
</head>
<body>
<form>
<table border="1">
<tr>
<td>1</1>
<td>2</td>
</tr>
</table>
</form>
<button id="btn1">Add Item</button>
<button id="btn2">Delete Item</button>
</body>
</html>
删除按钮第一次单击似乎没有正常工作。 只有计数器“i”减1,但没有行被删除。 因此,添加项目时,“#”将始终与前面的项目相同。我无法弄清楚为了得到这样的结果我做了什么错误。
尝试使用''.on('click',function(){// something}'' – Tauras