jQuery隐藏父div onclick [英] Jquery Hide parent div onclick

问题描述

我想在单击子div时隐藏父div.单击添加更多"按钮时要附加div.简言之，当单击div中的"X"时，其父div应该隐藏.这是我的小提琴

I want to hide parent div when a child div is clicked.I have appended the div when "add more" button is clicked.In short when "X" in div is clicked its parent div should hide.Here is my Fiddle

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

推荐答案

您的代码无法正常工作的原因是，该元素是动态添加到DOM中的，因此我们必须使用

The reason why your code not working is, That element is being appended in to the DOM dynamically, so we have to use event delegation to make the code work..

尝试

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

这篇关于jQuery隐藏父div onclick的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！