javascript - 删除时获取对原始元素的引用

Question

我正在使用 HTML5 本机拖放将图像拖放到 div 中。这是一个例子：http: //jsbin.com/ipojuk/1/

问题是，一旦丢弃相同的图像，就不应再次丢弃。如何防止这种情况发生？为此，我data-inplan在图像中设置了一个属性，并且我打算在true删除图像后将其设置为，但我找不到一种简单的方法来获取对函数中原始图像的引用dragDrop。我考虑过使用id，但这些图像是在运行时创建的，生成 id 对我来说很难。

Answer 1

这将允许您只删除每种类型的一个图像（检查 src）

function dragDrop(e) {

 if (e.stopPropagation) {
      e.stopPropagation(); // Stops some browsers from redirecting
  }

  var $item = $(e.dataTransfer.getData('text/html'));

  var exists = false;
  $(".divRendezvous img").each(function()
  {
    if($(this).attr("src")==$item.attr("src"))
    {
      exists = true;
      return;
    }
  });
  if(!exists)
    $item.appendTo(e.target);  
  return false;
}

jsBin：http: //jsbin.com/ipojuk/12/edit