当提交发送所有行时,使用javascript从表中删除tr
我在html页面中有一个表,有一个函数可以删除所选行,但当我按下submit按钮时,所有行都被提交。如果我看到源代码,我可以看到所有行的html。这就是我正在使用的函数 编辑 这是桌子的样子 这是按钮与函数绑定的初始化代码当提交发送所有行时,使用javascript从表中删除tr,javascript,jquery,html,Javascript,Jquery,Html,我在html页面中有一个表,有一个函数可以删除所选行,但当我按下submit按钮时,所有行都被提交。如果我看到源代码,我可以看到所有行的html。这就是我正在使用的函数 编辑 这是桌子的样子 这是按钮与函数绑定的初始化代码 $(document).ready(function(){ $(".btnDelete").bind("click", Delete); }); 这是删除该行的函数 function Delete(){ var rowCount
$(document).ready(function(){
$(".btnDelete").bind("click", Delete);
});
这是删除该行的函数
function Delete(){
var rowCount = $('#datallesNota tr').length;
console.log('FILAS EN LA TABLA: ' + rowCount );
console.log('ELIMINAR FILA: ');
var par = $(this).parent().parent(); //tr
par.remove();
console.log('SE REMOVIO LA FILA: ' );
};
这是调用函数的表的一部分
<tr id="1">
<td><button class="btnDelete"><img alt="QUITAR" src="/resources/img/16x16/delete.png"> </button>
感谢您的帮助。以下是从表中删除tr的示例
我的内容1
我的内容2
我的内容
点击我
$(.btnDelete”)。在(“单击”,函数()上{
var-rowId=2;
删除行(rowId);
});
函数deleteRow(rowId){
var selectedRow=$(“#myTable tr[id=“+rowId+”]);
$(selectedRow).remove();
}
在bind函数中尝试Delete()
?如何选择行?我相信您必须这样定义Delete变量var Delete=function Delete(){//your function code}代码>所以你可以按你的方式来称呼它。我不清楚这个问题,这个代码删除了表中的行,用户可以根据需要删除任意多行,问题是当用户提交表单时,所有行,甚至删除的行都会提交到服务器。这对我有帮助,谢谢,除了检查代码外,我还发现了一些错误的逻辑。从那以后,我工作得很好。
<table id="myTable">
<tr id="1">
<td>My Conten1</td>
</tr>
<tr id="2">
<td>My Conten2</td>
</tr>
<tr id="3">
<td>My Conten3</td>
</tr>
<table>
<button class="btnDelete">Click Me</button>
$(".btnDelete").on("click", function(){
var rowId = 2;
deleteRow(rowId);
});
function deleteRow(rowId){
var selectedRow = $("#myTable tr[id="+rowId+"]");
$(selectedRow).remove();
}