在開發 Web 應用程式時，資料表格是一個常見的元件，通常用於展示資料。然而，有時候我們需要從表格中刪除某一行數據，使用 jQuery 來實現這個功能是非常方便的。
在 jQuery 中，我們通常會使用 remove() 方法來刪除 DOM 元素。因此，在刪除表格中的一行資料時，我們需要先取得這一行的 DOM 元素，然後使用 remove() 方法將其從表格中移除。
首先，讓我們先來看看如何取得表格中的一行資料。假設我們有一個表格，其中每一行都有一個刪除按鈕，當使用者點擊刪除按鈕時，我們需要將該行從表格中刪除。以下是一個範例表格的 HTML 程式碼：
| Name | Actions | |
|---|---|---|
| John Doe | john.doe@example.com | |
| Jane Smith | jane.smith@example.com |
在這個表格中，每一行都包含三個儲存格，其中最後一個儲存格包含一個名為 "Delete" 的按鈕。現在，我們可以使用 jQuery 來為每個刪除按鈕新增一個點擊事件處理程序，以刪除其對應的行。以下是實作程式碼：
$(document).ready(function() {
// 添加点击事件处理程序
$('.delete-row').click(function() {
// 获取要删除的行
var row = $(this).closest('tr');
// 从表格中移除行
row.remove();
});
});在上面的程式碼中，我們首先使用$() 函數在文件載入完畢後查找所有名為"delete-row" 的按鈕，並為每個按鈕新增了一個點擊事件處理程序。當使用者點擊刪除按鈕時，點擊事件將會觸發，並將執行回調函數。
在回呼函數中，我們使用 closest() 方法來尋找目前按鈕所在的行，並將該行儲存在 row 變數中。然後，我們使用 remove() 方法將該行從表格中移除。
要注意的是，儘管我們使用了closest() 方法，但它只會尋找最近的匹配元素，因此如果刪除按鈕不是直接包含在行中，而是包含在儲存格或其他元素中，則需要修改選擇器以符合正確的元素。
這就是使用 jQuery 動態刪除表格中的一行資料的方法。如果您正在開發 Web 應用程序，使用此方法可以使用戶更方便地編輯和管理資料。
以上是jquery表格動態刪除一行數據的詳細內容。更多資訊請關注PHP中文網其他相關文章！
