在 JQuery 中插入文本字段并获取值

Question

当我单击编辑按钮时，我试图插入一个文本字段。 我已经实现了这一点，但我无法在更改后获得价值。

jQuery(document).ready(function($){
//Au click de la souris sur le stylo, on récupère la valeur du texte et on remplace le texte par un champs input 
$("[id^='pen-']").click(function() {
    var id = $(this).attr('id');
    var result = id.split('-')[1];

    console.log('click pen '+ result);

    var text = $('#value-' + result).text();
    console.log(text);
    var input = '<input type="text" id="input-' + result + '" name="champ-' + result + '" value="' + text + '" />';
    
    $('#value-' + result).text('');
    $('#value-' + result).append(input);

    $( '#input-' + result  ).focus();

    console.log(input);

});

//Lorsque l'on quitte le champs de formulaire, on sauvegarde sa valeur et on réécrit le texte en cachant le formulaire
$("[id^='input-']").click(function(){
    console.log('click');
    alert( "Handler for .click() called." );
});

});

我坚持这一点

谢谢你的帮助