JQuery中的remove()删除表格中的行求解
发布网友
发布时间：2022-04-23 03:14
共1个回答
热心网友
时间：2022-04-23 04:44
动态添加的对象，其事件也要动态绑定！
<!DOCTYPE html><html>
<head>
<meta charset="UTF-8">
<title>添加与删除</title>
<script src="js/jquery-1.8.3.min.js"></script>
<script>
var n=1;
$(function(){
$("button").click(function(){
var btn=$("<input type='button' value='删除'/>");
btn.click(function(){
$(this).closest("tr").remove();
});
$("tbody").append($("<tr><td>"+n+"</td><td>新添加的表格</td></tr>").append($("<td></td>").append(btn)));
n++;
});
});
</script>
</head>
<body>
<button>添加表格</button>
<table border="1px">
<tbody>
</tbody>
</table>
</body>
</html>
