<div class="panel">
<span class="c_edit" id="selfdetail"></span>
<img class="img" src="/img/tag1.jpg" /><h3>自我描述</h3>
<p id="detail"></p>
<div id="detail_edit" style="display:none;" placeholder="请输入内容" >
<textarea rows="3" cols="8"></textarea>
<a class="medium button success" >发 表</a>
<a class="medium button success" >取 消</a>
</div>
</div>
$("#selfdetail").click(function(){
$(this).css("display","none");
var text = $("#detail").text();
$("#detail").css("display","none");
$("#detail_edit").html("<textarea cols='3' rows='8'>"+ text +"</textarea>");
$("#detail_edit").show();
});
上面一段是html代码,下面一段是js代码,其实就是把textarea标签中间的替换一下,后续的格式我在研究研究