jQuery上的可編輯表格與輸入和選擇

我想在jQuery上做可編輯的表格。我現在用內部輸入和點擊按鈕用點擊操作我打開輸入和用戶把數據放在那裏，但問題是我不能使這張表排序與tablesorter插件，所以我認爲我必須創建輸入點擊編輯按鈕，然後轉換來自td的輸入的數據，但如何使用選擇來完成它？jQuery上的可編輯表格與輸入和選擇

我需要的是這樣的http://jsfiddle.net/y3tmrns9/1/

$(".edit").on("click", "td:not(.active)", function() {  
    $("label").html("td click<br />" + $("label").html()); 
    var $this = $(this); 
    var $textbox = $("<input>", { type: "text", size: 5, value: $this.addClass("active").text() }); 
    $this.html($textbox); 
    $textbox.focus();  
}); 

$("table").on("blur", "input:text", function() {   
    $("label").html("input blur<br />" + $("label").html()); 
    var $this = $(this); 
    $this.parent().removeClass("active").text($this.val()); 
});

但如何使其可編輯只有當我點擊按鈕？還有如何把選擇？

來源

2016-01-23 Nazár Atamaníuk