动态创建时单击时隐藏 div 选项

Question

我正在尝试动态创建div并显示它们。当我尝试隐藏创建的divs时//First功能运行良好，但这不是我想要的。我正在定义一个关闭按钮，我希望div 在关闭按钮被选中时隐藏。在运行//Second函数时，单击父div 后，它会隐藏其所有子div。当我单击第一个div时，它会隐藏之后调用的所有div。

法典：

var newImageBoxdiv = $(document.createElement('div')).attr({ class:"demo"+i, id:"image"});
newImageBoxdiv.html("<img id='MyImage' src='"+d+"'><div class='ImageWindowCloseButton' ></div>");
newImageBoxdiv.insertAfter('.demo');
$('#image').show(); 
i++;
 //First Function
 $('#image').click(function(event){  //Works Perfect
  $(newImageBoxdiv).hide();
  event.stopPropagation();
  event.cancelBubble = true;
 });
 //Second function
 $('.ImageWindowCloseButton').click(function(event){ // Deletes Child element when clicked on parent
  $(newImageBoxdiv).hide();
  event.stopPropagation();
  event.cancelBubble = true;
 });

Answer 1

$（this）.parent（newImageBoxdiv）.hide（）;