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

Question

我正在尝试动态创建 div 并显示它们。当我尝试隐藏创建的 divs//First功能时，它工作得很好，但这不是我想要的。我正在定义一个关闭按钮，我希望在单击关闭按钮时隐藏 div。在运行该//Second函数时，单击父 div 后，它会隐藏其所有子 div。IE 当我单击第一个 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();