javascript - 用于评论的可编辑 div

Question

我需要在我的网站上发表评论。我想动态编辑此评论。我的意思是，现在我在 div 中有我的评论。点击“编辑”span后，我想将这个div更改为可编辑的文本区域，修改后就可以发送了。因此，发送后我需要返回以在 div 中显示此新评论。

我怎样才能实现这个目标？

这是 http://jsfiddle.net/4d56n5h4/

Answer 1

更新:

你的意思是像 THIS ？

$('.commentEdit').click(function(){
    if($(this).text()=='Edit'){ $(this).parent().prev('.commentDescription').prop('contenteditable',true);
        $(this).parent().prev('.commentDescription').focus();
        $(this).text('Save');
    }
    else{
        $(this).text('Edit');
        //code to save the comment
    }
});
$('.commentDescription').blur(function(){
    $(this).prop('contenteditable',false);
});

可以保存对.commentDescription的blur事件的评论