javascript - 使用 javascript 从表中删除 tr 后，当提交发送所有行时

Question

我在 html 页面中有一个表格，其功能可以删除选定的行，但是当我按下提交按钮时，所有行都会提交。如果我看到源代码，我可以看到包含所有行的 html。这是我正在使用的功能。

编辑这就是表格的样子。

这是按钮的初始化代码，用于将其与函数绑定(bind)。

 $(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>

感谢您的帮助。

Answer 1

这是从表中删除 tr 的示例。

JSFIDDLE

<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();
}