Jquery Hide parent div onclick

Question

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

Answer 1

you should use deligates for dynamically created items

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

Answer 2

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..

Try,

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

DEMO

Answer 3

You need event delegation for dynamically generated DOM:

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

Working Demo