“Menghapus baris tertentu dengan tombol html” Kode Jawaban

Hapus Tombol Garis Tabel HTML Menggunakan JavaScript

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

Menghapus baris tertentu dengan tombol html

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

Menghapus baris tertentu dengan tombol 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

Jawaban yang mirip dengan “Menghapus baris tertentu dengan tombol html”

Pertanyaan yang mirip dengan “Menghapus baris tertentu dengan tombol html”

Lebih banyak jawaban terkait untuk “Menghapus baris tertentu dengan tombol html” di HTML

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya