使 div 可编辑答案

【问题标题】：make a div editable使 div 可编辑
【发布时间】：2012-01-19 20:44:48
【问题描述】：

当用户单击编辑链接时，我需要使整个 div（带有类容器）可编辑。使用 contenteditable 属性可以使 div 可编辑。但只有当我们双击该 div 时才会发生这种情况。我也不喜欢为此使用任何插件。因此，如果用户单击“编辑”按钮，基本上 div 应该是可编辑的。我是 jquery 的新手，正在学习基本的东西。请帮忙。

请找出我的 Dom 元素的结构

http://jsfiddle.net/GeJkU/248/

抱歉更改了类名。

【问题讨论】：

在您的示例中没有 <div> 类 container_settings_inner。

标签： javascript jquery

【解决方案1】：

将您的 jsfiddle 示例更新为正确的类名，并且可以正常工作。

<div class="container ">
      <div class="container_settings_inner">
       <h4 class="fred"><div class="iconnameserver"></div> Test1</h4>
     </div>
 </div>

和

$(document).ready(function() {
    $("#edit").click(function()
    {
         $('.container_settings_inner').attr('contentEditable','true');
    });
});

当 .container_settings_inner h4 属性变为可编辑时，您可以将焦点放在它们上，以便用户知道，或者点亮它们。

http://jsfiddle.net/QqbyS/

【讨论】：

但使用 contenteditable 属性，只有当用户单击该 div 时，该 div 才会变为可编辑。我对么？？当用户单击编辑按钮时，我想使 div(.container) 可编辑
当用户点击按钮时，您可以关注元素 $('.container_settings_inner')。