FadeOut JQuery Functionnot working per object

Question

I was wondering if it is possible to do this. I need to create jquery function which fades out any object that is clicked on. I though this would work but it doesnt, this fades out all objects when one is clicked on, is there a way to do this or would i need to create a seperate function for each fadeout id or class?

$("*").click(function() {
  $(this).fadeOut( "slow" );
});

question from:https://stackoverflow.com/questions/65915733/fadeout-jquery-functionnot-working-per-object

Answer 1

$("*").click(function(e) {
  $(e.target).fadeOut( "slow" );
});

You have to recieve the element clicked on, so put one argument in the function, and call it "e" for element, or what you'd like to call it. Then use e.target to get the div that was clicked on. And then add .fadeOut("slow"), for the element to fade out slow

But notice. This is on ALL elements in the body. Replace "*", with the id of the div (example: "#id") you want this to happen in.