Usunięcie wiersza z tabeli w JQuery

0

Po kliknieciu na przycisk dodaje do mojej tabeli wiersz:

 
$("#ButtonAcceptEmployee").click(function(){
alert("Dodano nowego pracownika");
var employeeIdTr = "<tr><td>Identyfikator pracownika:</td><td>"+ data.id +"</td></tr>"
$("#addEmployeeTable").append(employeeIdTr);

});

Moje pytanie do bardziej doświadczonych to :
Jaka jest metoda na usuniecie takiego wiersz po ponownym kliknieciu ?

0

Tak da się poprzez remove().

Przykładowa "implementacja":

$("#employee-table:last").remove();

usunie ostatnią pozycje z tablicy o id employee-table

0

To usuwa mi całą tabelę.
Moja tabela przed dynamicznym dodaniem wiersza wygląda tak:

 <table id="addEmployeeTable" cellpadding="5" >
                <tr>
                    <td>Imie:</td>
                    <td><input id="inputFirstName" class="easyui-textbox" type="text"  data-options="required:true" style="width: 170px"></input></td>
                </tr>
                <tr>
                    <td>Nazwisko:</td>
                    <td><input id="inputLastName" class="easyui-textbox" type="text" data-options="required:true" style="width: 170px"></input></td>
                </tr>
   
            </table>

Po dodaniu wiersza przy kliknieciu wygląda tak:

<table id="addEmployeeTable" cellpadding="5" >
                <tr>
                    <td>Imie:</td>
                    <td><input id="inputFirstName" class="easyui-textbox" type="text"  data-options="required:true" style="width: 170px"></input></td>
                </tr>
                <tr>
                    <td>Nazwisko:</td>
                    <td><input id="inputLastName" class="easyui-textbox" type="text" data-options="required:true" style="width: 170px"></input></td>
                </tr>

                 <tr>
                      <td>Identyfikator pracownika:</td>
                      <td>"+ data.id +"</td>
                 </tr>

</table>

Chodziło mi o to w jaki sposób przywrócić pierwszy wygląd tabeli bez usuwania całej tabeli tylko ostatniego

0

No bo to był przykład do analizy i ewentualnej zmiany :P

$("#addEmployeeTable tr:last").remove();

1 użytkowników online, w tym zalogowanych: 0, gości: 1