javascript - HTML5拖放-如何捕获和交换数据属性

所以我在这里遵循了一个HTML5拖放示例：
http://www.html5rocks.com/en/tutorials/dnd/basics/#toc-dataTransfer
并创建了以下代码
http://jsfiddle.net/Vk5zT/
问题是，我希望能够基本上交换整个元素及其数据属性，而不仅仅是内部html。我该怎么做？

最佳答案

您可以交换元素本身，而不是序列化和重新解析新元素。

        var parent = this.parentNode,
            insertionPoint, elem = this;

        do {
            elem = elem.nextSibling;
        } while (elem && elem !== draggedItem);

        insertionPoint = elem ? this : this.nextSibling;
        parent.insertBefore(draggedItem, insertionPoint);
        draggedItem = null;

http://jsfiddle.net/Vk5zT/11/

关于javascript - HTML5拖放-如何捕获和交换数据属性，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11974048/