获取克隆元素的ID

Question

我正在使用jQuery draggable和droppable.我正在droppable的drop事件中克隆可拖动的小部件.

我想获取克隆元素的ID,该元素将通过AJAX请求发送到应用程序.我无法获取ID.console.log返回空字符串.

var dropElem = ui.draggable.html();
var clone = $(dropElem).clone();
var widgetType = $(clone).attr('id');
$(this).append(clone);

另外,我想在ajax请求的响应事件上更改克隆元素的ID.如何在附加后特别更改克隆事件的ID？

Answer 1

这是因为jQuery的clone()方法不能克隆id.这样做会破坏有效的DOM/HTML规则.您需要自己设置ID,例如:

var dropElem = ui.draggable.html();
var clone = $(dropElem).clone();
var widgetType = 'ClonedElementX'; //whatever you want the id to be
clone.attr('id',widgetType);
$(this).append(clone);

值得注意的是,默认情况下,不会使用GET或POST(AJAX或标准请求)将ID发送到服务器.如果它是"input"类型元素,您还需要设置"name"属性.如果有自定义代码在AJAX请求中发送id,你可以忽略它.