“Usuwanie określonego wiersza za pomocą przycisku HTML” Kod odpowiedzi

Usuń przycisk linii tabeli HTML za pomocą JavaScript

// JQuery solution!
$('table').on('click', 'input[type="button"]', function(e){
   $(this).closest('tr').remove()
})
Sparkling Sardine

Usuwanie określonego wiersza za pomocą przycisku HTML

function deleteRow(r) {
    var i = r.parentNode.parentNode.rowIndex;
    document.getElementById("myTable").deleteRow(i);
}
Real Ray

Usuwanie określonego wiersza za pomocą przycisku HTML

<!DOCTYPE html>
<html>
<head>
<style>
table, td {
    border: 1px solid black;
}
</style>
</head>
<body>

<table id="myTable">

<tr>
  <td>Row 1</td>
  <td><input type="button" value="Delete" onclick="deleteRow(this)"></td>
</tr>
<tr>
  <td>Row 2</td>
  <td><input type="button" value="Delete" onclick="deleteRow(this)"></td>
</tr>
<tr>
  <td>Row 3</td>
  <td><input type="button" value="Delete" onclick="deleteRow(this)"></td>
</tr>
</table>
</body>
</html>
Real Ray

Odpowiedzi podobne do “Usuwanie określonego wiersza za pomocą przycisku HTML”

Pytania podobne do “Usuwanie określonego wiersza za pomocą przycisku HTML”

Więcej pokrewnych odpowiedzi na “Usuwanie określonego wiersza za pomocą przycisku HTML” w HTML

Przeglądaj popularne odpowiedzi na kod według języka

Przeglądaj inne języki kodu