Jquery 为内联编辑动态添加输入框

我为带有内联编辑的动态表编写了以下代码。
在其中，我只编辑了一行的第二个

td

。因此，我想显示我正在编辑的

td

。尝试添加输入，但单击了

edit

按钮。类似地，我想

隐藏
更新按钮时的
输入框
单击。
请提供任何帮助

function editData() {
    $('.update').hide();
    $('.edit').click(function () {
        debugger
        var editId = $(this).attr('id');
        $("#" + editId).hide();
        var number = editId.replace("edit", "");
        $("#update" + number).show();

        var currentTD = $(this).parents('tr').find(':nth-child(2)');
        $.each(currentTD, function () {
            $(this).prop('contenteditable', true)
        });
    });

    $('.update').click(function () {

        var updateId = $(this).attr('id');
        $("#" + updateId).hide();
        var number = updateId.replace("update", "");
        $("#edit" + number).show();

        var currentTD = $(this).parents('tr').find(':nth-child(2)');

        $.each(currentTD, function () {
            $(this).prop('contenteditable', false)
        });


    });

}

你能再解释一下吗？这里有一个pplugin，正是你想要的：这是最新的小提琴，希望它能帮助@hunzaboy看到我的小提琴，当我点击
edit
按钮时，一行的第二个
td
将是
contenteditable
。除此之外，我还想添加
textbox
，也就是当我点击
edit
按钮时，一行的第二个
td
数据应该显示在一个文本框中。@krish希望这个帮助扫描您的解释多一点？这里有一个这是最新的小提琴，希望能帮助@hunzaboy看到我的小提琴，在这种情况下，当我单击
edit
按钮时，一行的第二个
td
将是
contenteditable
。除此之外，我还想添加
textbox
，即当我单击
edit
时，一行第二个
td
的数据应该显示在文本框中。@krish希望这能有所帮助