Javascript 如何将类添加到contenteditable元素内创建的div中？

下面是示例代码：

<div>
  Text..
  <div id="editable-editor" contenteditable="true">Some Text Here...</div>
</div>

文本。。
这里有一些文字。。。

如果在

一些文本之后在
#可编辑编辑器
内按enter键，它将为此处的文本创建一个
元素…

如何将jqueryui
draggable
类添加到
Here…
元素中以使其可拖动
 您将希望引用。从本质上讲，没有跨浏览器的方法可以确定何时有人向contenteditable元素添加了新内容。然而，你可以猜到

$("#editable-editor").keydown(function () {
   $(this).children('div').each(function () {
        $(this).draggable();
   });
});

只需收听关键事件并将Dragable添加到您的新div中。
请尝试此操作

$（'div'，'#可编辑编辑器'）。每个（函数（i）{

$（this.addClass（'ui-widget-content'）；
$（this.draggable（）

}))
 尝试使用
按键
，
更改
事件，
.has（）
，
.not（）


$（“可编辑编辑器”）
.在({
“按键”：功能（e）{
如果（如keyCode===13）{
$（this）.append（“此处…”）
.change（）
}
},
“更改”：函数（）{
如果（$（this）.has（“div”））{
$（“div”，this）.not（“.ui draggable”）.draggable（）
}
}
})
.draggable{
颜色：蓝色；
}

文本。。
一些文本
谢谢您的回答。但是如果我拖动第一个元素，这就是拖动所有元素。。我应该可以拖动个人。嘿@Ketha Kavya，我已经改变了我的答案。看看这是否对您更有效。不，这不起作用，它没有拖动任何元素。您好，请检查@KethaKavya我要求它提供一个with contenteditable=true，它动态地创建一个children div，而不仅仅是一个有子元素的元素。@KethaKavya“这不起作用。”可以描述细节吗？它在此处附加了一个附加的div，并拖动该附加的div，但不是从contenteditable div创建的div。是否要求1）只在按enter键时创建包含文本“Here”的sinle
div
？2） 将
draggable
属性添加到
Text
？3） 将
draggable
属性添加到
contentEditable
元素？对于带有“contentEditable”的
div
，当按下enter键时，它将自动创建一个div。因此，对于按下enter键时创建的div，我希望每个
div
都可以拖动。@KethaKavya“对于具有'contenteditable'的div，当按下enter键时，它将自动创建一个div。因此，对于按下enter键时创建的div，我希望使每个div都可以拖动。“是。已尝试堆叠代码段？如果按“Enter”，则应在
div
后面添加文本“Here…”，该文本应可拖动。”