javascript - 使一个div可编辑

Question

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

请找出我的 Dom 元素的结构

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

抱歉更改类名。

Answer 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/