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/

使div可编辑

1 个答案: