javascript - jQuery 上的可编辑表，带有输入和选择

Question

我正在尝试在 jQuery 上做可编辑的表格。我现在使用内部输入和单击操作的按钮来完成此操作我正在打开输入并用户将数据放在那里，但问题是我无法使用 tablesorter 插件使该表可排序，所以我认为我必须创建输入单击“编辑”按钮，然后转换 td 中输入的数据，但如何使用选择来完成此操作？

我需要这样的东西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());
});

但是如何使其仅在单击按钮时才可编辑？还有如何选择？

Answer 1

我找到了这个插件http://www.jqueryscript.net/demo/Creating-A-Live-Editable-Table-with-jQuery-Tabledit/也许对某人会有帮助!