如何使用jQuery在文本/标题与textarea之间切换？

我有一些HTML代码，我想添加内联可编辑框。我希望能够编辑单击的内容。现在，文本将替换为包含文本值的textarea。但我无法在文本区域中键入新值

关于为什么我不能编辑文本区的内容有什么想法吗

$（“h1、h2、h3、h4、h5、h6、p”）。单击（函数（）{
var元素=$（此）；
$（element）.after（）.html（“+$.trim（$（element.text（））+”）；
$（“textarea”）.mouseout（函数（）{
html（$（this.val（））；
});
});

这是h2
此处的某些文本
设置自定义
数据-*
属性，以检查元素是否处于编辑状态，否则它将在每次单击事件时重复生成textarea


$（“h1、h2、h3、h4、h5、h6、p”）。单击（函数（）{
var元素=$（此）；
如果（！element.data（'editing'））{
元素。数据（'编辑'，true）；
$（element.html（“+$.trim（$（element.text（））+”）；
$（“textarea”）.mouseout（函数（）{
html（$（this.val（））；
元素。数据（'编辑'，false）；
});
}
});

这是h2
此处的某些文本
看起来正常工作，是否可以将元素的样式也添加到文本区域中？像h2一样添加到文本区域。@sdfgg45:检查第二个代码段，这正是我要查找的：）