教你使用把div层变成可编辑的状态，非常简单粗暴有效

教你使用把div层变成可编辑的状态，非常简单粗暴有效

在你的html页面上添加

<div class="content">where you are?</div>

下面是实现的jquery代码

$("div[class='content']").live('click',function(){var divedit = $(this);if (divedit.children("input").length > 0) {return false;}var inputIns = $("<input type='text'/>");  //创建input 输入框var oldtext = $(this).html();        //保存原有的值inputIns.width(divedit.width()); //设置INPUT与DIV宽度一致inputIns.val(divedit.html()); //将本来单元格DIV内容copy到插入的文本框INPUT中divedit.html(""); //删除原来单元格DIV内容inputIns.appendTo(divedit).focus().select(); //将需要插入的输入框代码插入DOM节点中inputIns.click(function