Javascript jQuery对象/数据属性访问问题

我正在尝试对一些jQuery代码进行故障排除，并添加了以下内容：

alert(this.dragEl.data('type'));

所有警报返回的都是

未定义的

。所以我试着这样做：

alert(this.dragEl.html());

我在警报中得到了预期的DOM元素

<li class="dd-item dd3-item" data-type="parent" data-id="6" data-new_record="false">
...
</li>

对于上下文，这是Nestable2（）插件。

li

被克隆，然后从DOM中销毁。用户现在正将其拖动到新的主位置。我正在尝试添加一些用户反馈，以便当您尝试将其放到“不允许”位置时，添加的默认蓝色占位符dropzone div为红色。一旦我弄清楚如何读取正在移动的项目上的数据属性，这似乎是一个简单的补丁

将相关代码添加到JS FIDLE（第1041行）：

---

作为一个实验，尝试

this.dragEl.getAttribute（'data-type'）

如何设置

数据类型

属性？它是来自页面加载还是稍后使用jQuery添加的？

uncaughttypeerror:this.dragEl.getAttribute不是一个函数

数据类型是来自页面加载，即原始HTM添加了一些上下文到问题中-当您创建新元素时，这可能不是一个正常的DOM元素吗？我可能记得以前见过类似的情况。作为一个实验，请尝试

this.dragEl.getAttribute（'data-type'）

如何设置

数据类型

属性？它是来自页面加载还是稍后使用jQuery添加的？

uncaughttypeerror:this.dragEl.getAttribute不是一个函数

数据类型是来自页面加载，即原始HTM添加了一些上下文到问题中-当您创建新元素时，这可能不是一个正常的DOM元素吗？我可能记得以前见过类似的情况。

this.dragEl = $(document.createElement(this.options.listNodeName)).addClass(this.options.listClass + ' ' + this.options.dragClass);