在相同的div javascript中拖放图像

Question

这是我的问题：我有两个具有相同ID和类的div。在他们里面有不同的ID和同一类的照片。

    function allowDrop(ev) {
    ev.preventDefault();
}

function drag(ev) {
    ev.dataTransfer.setData("text", ev.target.id);
}

function drop(ev) {
    ev.preventDefault();
    var data = ev.dataTransfer.getData("text");
    if(ev.target.getAttribute('class') == data)
        ev.target.appendChild(document.getElementById(data));
}

我正在使用此功能将图像拖放到一个div到另一个div但我只能拖动div中的第一个图像，我无法理解为什么。 怎么了？

希望可以提供帮助：http://imgur.com/4hv9liG