JavaScript克隆无法按预期工作

Question

我克隆一个div，我右键单击div，它标记了div周围的黑线边框。如果我按下克隆，它就会克隆。一直都很好。

但是，如果我选择一个div，现在选择其他div，则在它们两个上都会看到黑线（我只需要在最后一个选中时看到它）并且它们都被克隆。

以下是我的JS代码克隆功能：

  clone(){ 
    var thisDiv = $("#addDiv .clickedDiv");
    $(thisDiv).clone().insertAfter(thisDiv);
    $(thisDiv).removeClass('clickedDiv');
    $(thisDiv).siblings('.clickedDiv').removeClass('clickedDiv');
    $("#ctxMenu").hide();
  }

我认为这个Div不断添加我右键单击的所有div，但我只需要最后一个。

下图：

正如你所看到的，我右键点击了一个div，然后是第二个，然后是第三个;所有三个都被选中，而thisDiv应该具有被选中的最后一个Div的值。

修改

以下是用于突出显示黑色边框的代码。请记住，我只希望最后选择的div为黑色。

if($(event.target).hasClass('context_menu')){
$(event.target).addClass('clickedDiv');
}
else{
$(event.target).parent().addClass('clickedDiv');
}