使用jQuery操作：移除表格中特定儲存格

jQuery是一種受歡迎的JavaScript函式庫，廣泛用於開發互動式的網頁應用程式。在網頁開發中，經常涉及操作表格，其中一個常見的需求是刪除表格中的指定儲存格。本文將介紹如何使用jQuery來刪除表格中的指定單元格，並提供具體的程式碼範例。

首先，讓我們考慮一個簡單的表格結構，如下所示：

 
 
1
 
Apple
 
Delete
 
 
 
2
 
Orange
 
Delete
 
 

在這個表格中，每行包含三個單元格：一個包含序號，一個包含水果名稱，以及一個包含“Delete”按鈕。我們的目標是實現點擊「Delete」按鈕時，刪除對應行中的第一個儲存格（序號儲存格）。

現在，讓我們來寫jQuery程式碼來實作這個功能。程式碼如下：

$(document).ready(function() { $('.deleteCell').click(function() { $(this).closest('tr').find('td:first').remove(); }); });

讓我們逐步解釋上述程式碼的運作原理。首先，$(document).ready(function() { ... })確保頁面載入後執行程式碼。接著，$('.deleteCell').click(function() { ... })用於捕獲「Delete」按鈕的點擊事件。在點擊事件處理程序中，$(this)表示目前點擊的按鈕。closest('tr')用來找到最近的父級元素，也就是按鈕所在的整行。 find('td:first')用來找出這一行中的第一個元素，也就是需要刪除的儲存格。最後，remove()方法用於刪除找到的單元格。