我需要通过内联编辑更新段落的文本

Question

我试过这个

HTML

<div>
    <h1>Some text here</h1>
    <p>Text area text here</p>
</div>

的jQuery

$(function(){
    $('p').on('click', function(e){
        e.preventDefault();
        var txt = $(this).text();
        $(this).parent().append('<textarea>' + txt + '</textarea>');
        $(this).remove();
    });
});

我需要通过内联编辑更新段落的文本。我需要使用在那里输入的新文本支持段落，并在有人点击textarea之外时删除textarea。

由于

Answer 1

以下是您的小提琴http://jsfiddle.net/99pxz8et/2/

的更新

您需要的是收听新文本区域的更改事件，然后更新它

    $area.one('focusout', function() {
        $p.show();            
        $p.text($area.val());
        $area.remove()                                
    });

编辑：将.on（）更改为.one（）