Question

我想在点击子div时隐藏父div。当点击“添加更多”按钮时，我附加了div。简而言之，当点击div中的“X”时，它的父div应该隐藏。这是我的{ {3}}

$( "#appenddiv" ).on( "click", function() {
     $( ".uploadimg" ).append( "<div class='image'><div class='delete'>X</div></div>" );
});
$(".delete").on("click",function(){
    $(this).parent().hide();
});

Answer 1

你的代码不工作的原因是，该元素被动态地附加到DOM中，所以我们必须使用event delegation来使代码工作..

尝试，

$(".uploadimg").on("click",".delete",function(){
    $(this).parent().hide();
});

DEMO

Answer 2

您需要动态生成DOM的事件委派：

  $("body").on("click",'.delete',function(){
   $(this).parent().hide();
});

<强> Working Demo

Answer 3

您应该为动态创建的项目使用分组

 $(document).on("click",".delete" function () {
        $(this).parent().hide();
    });

Jquery隐藏父div onclick

3 个答案:

DEMO