JQuery中的remove()删除表格中的行求解

<!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(){
$("tbody").append("<tr id='tr"+n+"'><td>"+n+"</td><td>新添加的表格</td><td><input type='button' value='删除' class='del' id='b"+n+"'/></td></tr>")
n++;
}
);
});
$(function(){
$(".del").click(function(){
alert("123");
var idValue=$(this).attr("id");
var trIdValue=idValue.replace("b","tr");

$("#"+trIdValue).remove();
});

});

</script>
</head>
<body>
<button>添加表格</button>
<table border="1px">
<tbody>

</tbody>
</table>
</body>
</html>
删除没有反应

举报该问题

推荐答案 2017-05-07

动态添加的对象，其事件也要动态绑定！

<!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>

温馨提示：答案为网友推荐，仅供参考

当前网址：http://22.wendadaohang.com/zd/fXSI6SI20T0C2IXIh2.html

相似回答

用jquery怎么删除的一行答：1、自行百度搜索jQuery，然后把jQuery给下载到电脑里面。2、版本下载完毕。3、新建一个HTML文件，并且把HTML文件和jQuery放在同一个文件夹里面。4、使用sublime打开HTML文件，然后用script标签来引入jQuery。如图所示，src后面接的就是jQuery所在的路径。5、再另外写一个script标签，一定是要另外写，不然待会j...

如何用jquery来删除表中的某一行数据。答：("ul li:eq(0)").remove(); //获取第一个 li元素并删除 (".abc").remove() //删除 class为abc的节点

大家正在搜

表格怎么删除多余的表格 remove removal excel怎么删除表格怎么删除表格里的文字 word文档怎么删除表格 remove…from removefrom什么意思 remove key remove中文