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