Javascript jQuery/在另一个元素中附加一个div元素，并针对/控制父元素

对于移动版本的网站，我使用jQuery在另一个div（checkbox元素）中创建一个div元素（close按钮）：

当我将close按钮附加到checkbox elements div之外的任何其他元素时，它可以正常工作。 如何使单击功能在checkbox elements div容器中工作

谢谢你的支持

由于按钮（

closebtn

）是动态添加的，因此您需要尝试

---

非常感谢你，阿伦。当我使用此事件委派时，复选框_elements div“闪烁”就像被选中一样，但它仍然可见。@user3277479您能帮助重新创建此问题吗谢谢您的支持！！！我的设置是这样的：移动环境很难重建。我猜当关闭按钮被放置在父元素中时，css:hover状态与jquerycss状态相矛盾？您以前的解决方案在“干净”的环境中运行良好。

  var $newDiv = $("<div/>") 
                .addClass("closebtn")  
                .html("Close [X]");
  $(".checkbox_elements").prepend($newDiv); 

  $(".closebtn").click(function(){
    $(".checkbox_elements").css("display", "none");
   //or
    $(this).prev(".checkbox_elements").css("display", "none");       
  });

$('.checkbox_elements').on('click', ".closebtn", function () {
    $(".checkbox_elements").css("display", "none");
    //or
    $(this).parent(".checkbox_elements").css("display", "none");
});