【JS】拖放代码中的获取节点的方法

admin

.on("drop",function(e){
    var obj=e.originalEvent.dataTransfer.getData("com");
    //e.target.append(document.getElementById(obj));
    //e.target.append($("#"+obj).get(0));
    //console.log(document.getElementById(obj));
    //console.log($("#"+obj).prop("outerHTML"));
    $(this).removeClass("dragging")
    e.preventDefault();
})
.on("dragover",function(e){
    $(this).addClass("dragging")
    e.preventDefault();
})
.on("dragleave",function(e){
    $(this).removeClass("dragging")
    e.preventDefault();
})

以上//注释部分注意点：
1、e.target.append(document.getElementById(obj))正解，但属于原生。
用jquery替代方法是：
2、e.target.append($("#"+obj).get(0));
较为简洁，切记不可以用：
3、$("#"+obj).prop("outerHTML")
用console.log显示，虽然内容是一致，但有区别，1、2、是对象的拖入，3、是字符串的拖入。

您需要学习的知识点：
【Jquery】HTML字符串与DOM对象相互转换
http://wh.ac.cn/forum.php?mod=viewthread&tid=2902&fromuid=1
(出处: 弘帝企业智能建站系统交流平台)