javascript - 動的に作成する場合は、クリックオプションでdivを非表示にします

Question

divを動的に作成して表示しようとしています。作成したdiv//First関数を非表示にしようとすると、完全に機能しますが、それは私が望んでいることではありません。私は閉じるボタンを定義していて、閉じるボタンがclikedされたときに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（）;