Jquery隐藏父div onclick

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

$( "#appenddiv" ).on( "click", function() { $( ".uploadimg" ).append( "
X
" ); }); $(".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(); }); 

工作演示

Answer 3

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

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