Jquery是一個非常實用的JavaScript庫，能夠簡化網頁開發過程中的許多操作。表格是一個網頁開發中廣泛使用的元素，本文將介紹如何在表格中添加編輯按鈕。這樣，用戶就可以方便地編輯表格內容。

$(document).ready(function() {
$("table tr").each(function(){
var row = $(this);
$(this).append("<td><button class='edit-button'>編輯</button></td>");
});
});

以上代碼使用了Jquery的each方法遍歷表格中的每一行，然后在每行的最后一個單元格中添加一個編輯按鈕。接下來，我們添加點擊事件來讓按鈕有響應。

$(document).on("click", ".edit-button", function() {
var row = $(this).closest("tr");
var name = row.find(".name").text();
var age = row.find(".age").text();
var email = row.find(".email").text();
row.find(".name").html("<input type='text' class='name-input' value='"+name+"'>");
row.find(".age").html("<input type='text' class='age-input' value='"+age+"'>");
row.find(".email").html("<input type='text' class='email-input' value='"+email+"'>");
$(this).parent().html("<button class='save-button'>保存</button><button class='cancel-button'>取消</button>");
});

當用戶點擊編輯按鈕時，代碼首先找到該行對應的單元格。接著，代碼將單元格中的文本替換為文本框，使得用戶可以進行編輯。最后，代碼將編輯按鈕替換為保存和取消按鈕。

$(document).on("click", ".save-button", function(){
var row = $(this).closest("tr");
var name = row.find(".name-input").val();
var age = row.find(".age-input").val();
var email = row.find(".email-input").val();
row.find(".name").text(name);
row.find(".age").text(age);
row.find(".email").text(email);
$(this).parent().html("<button class='edit-button'>編輯</button>");
});
$(document).on("click", ".cancel-button", function(){
var row = $(this).closest("tr");
var name = row.find(".name-input").attr("value");
var age = row.find(".age-input").attr("value");
var email = row.find(".email-input").attr("value");
row.find(".name").text(name);
row.find(".age").text(age);
row.find(".email").text(email);
$(this).parent().html("<button class='edit-button'>編輯</button>");
});

最后，我們需要添加保存和取消按鈕的響應事件。當用戶點擊保存按鈕時，代碼讀取文本框中的內容，將文本框替換為文本，并且將編輯按鈕替換為編輯按鈕。當用戶點擊取消按鈕時，代碼將文本框內容還原，并且將編輯按鈕替換為編輯按鈕。

以上是如何在Jquery表格中添加編輯按鈕的方法。這個方法可以大大簡化網頁開發中表格的編輯操作，提高用戶體驗。