JQuery表格中帶按鈕是一種很常見的需求。一般來說，我們需要在表格中添加按鈕，以便快速地執行某些操作，例如刪除，編輯等等。
<html>
<head>
<title>JQuery表格中帶按鈕</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).on("click", ".btn-delete", function(){
$(this).closest("tr").remove();
});
$(document).on("click", ".btn-edit", function(){
//編輯操作
});
</script>
</head>
<body>
<table>
<thead>
<tr>
<th>ID</th>
<th>Name</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>John Doe</td>
<td><button class="btn-delete">Delete</button> <button class="btn-edit">Edit</button></td>
</tr>
<tr>
<td>2</td>
<td>Jane Smith</td>
<td><button class="btn-delete">Delete</button> <button class="btn-edit">Edit</button></td>
</tr>
</tbody>
</table>
</body>
</html>如上代碼，我們在每個表格行中添加了兩個按鈕，一個刪除按鈕，一個編輯按鈕。當用戶點擊刪除按鈕時，我們使用closest()函數找到最近的父級tr元素，并使用remove()函數將其從表格中刪除。當用戶點擊編輯按鈕時，我們可以執行其他編輯操作。