jquery - 如何安装cell的旧值

Question

想法是这样的:有一个带有值的板，双击单元格开始使其出现在“输入”中，以及如何使单元格值出现在“输入”中。 Code on jsfiddle

这是我的函数，它进行转换并应在“输入”中显示单元格的值:

function convertToInput() {
    $('td.editable').on('dblclick', function(){
        $(this).html(function() {
            var input = '<input type="text" name="fname" />';
            var textEditable = $('td.editable');
            return input + textEditable;
        });
    });
    $('td.editable').keypress(function(event) {
        if ( event.which == 13 ) {
            $(this).html('<td class="editable"></td>');
        }
    });
}

这是所发生情况的屏幕截图:

Answer 1

您只需要在显示输入之前获取单元格内容的引用，并在删除输入之前获取输入值的引用

$('td.editable').on('dblclick', function(){
    var value = $(this).text();
    $(this).html(function() {
        var input = '<input type="text" name="fname" value="'+value+'" />';
        return input;
    });
});
$('td.editable').keypress(function(event) {
    var value = $(this).find('input').val();
    if ( event.which == 13 ) {
        $(this).html(value);
    }
});

<强> Demo fiddle