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

Question

我正在尝试动态创建div并显示它们。当我试图隐藏创建的div //First函数是完美的，但这不是我想要的。我正在定义一个关闭按钮，我想在关闭按钮时隐藏div。在运行//Second函数时，在单击父div后，它会隐藏其所有子div。 I.E.当我点击第一个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

  

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