javascript - 如果使用 jquery 再次删除已经删除的 div，则发出警报

Question

下面是我的拖放脚本，它似乎像一个魅力一样工作，但我想添加的是，如果我将一个可拖动的 div 放在已经包含相同 div 的 div 上，它应该给我一个警报:这个可拖动元素已经存在或类似的东西，为了实现这一点，我应用了 .prevAll.each() 函数来获取 id 并与最后删除的 div 进行比较。所以它比较 id 很好，但是当我删除已经存在的 div 时，它完全跳过 .prevAll.each() 条件，它像其他人一样提醒自己的 id，但它不会进入 .prevAll，这是为什么呢？

总结一下我想要的是:

1. 编辑以下方法，以便在已存在的 div 被删除时收到警报。
2. 或者任何其他方法，如果它给我相同的功能并且不影响任何其他事情，我也将不胜感激，我已经尝试了 .length 方法，但它不起作用。

我希望我能够解释一下，任何帮助将不胜感激，谢谢

$(".dragable").draggable({
    cancel: "a.ui-icon",
    revert: true,
    helper: "clone",
    cursor: "move",
    live: true,
    revertDuration: 0


    });

$('.droppable').droppable({
    accept: ".dragable",
    activeClass: "ui-state-highlight",
    drop: function(event, ui) {
    var $item = $(ui.draggable);
    if (!$item.hasClass('clone')) {
    $item = $item.clone().addClass('clone');
    $item.draggable({
        cancel: "a.ui-icon",
        revert: true,
        cursor: "move",
        revertDuration: 0
        });
}
$(this).addClass('has-drop').append($item);
var divIdIs = $(ui.draggable).attr( "id" );
//if($(".droppable:has()"))
/*if($("#"+divIdIs).length>1){
alert("Yeah it does exist");
}*/
$("#"+divIdIs).prevAll().each(function() {
    var upperDiv = $(this).attr('id');
    /*var tes=$("#"+divIdIs).length;
    alert(tes);*/
    if(divIdIs == upperDiv){
    alert("Matched");
    }
    else{
    alert("Not Matched");
    }

    //if(divIdIs == existingdivId){}
    //else{}

    });

Answer 1

drop: function(event, ui) {

将上面的行替换为下面的内容并尝试

if (ids.indexOf("," + ui.draggable[0].id + ",") >= 0)
{
   alert("This div already exists");
   return;
}
ids += ui.draggable[0].id + ",";

还要确保全局声明以下变量，

var ids = ",";