unable to remove element

Question

I am working on a notifications system. Please refer the fiddle here.

I tried to close the element using

this.remove();

It didnt work, no error either. I also tried:

this.parent.remove();

This gave an error:

Uncaught TypeError: Cannot call method 'remove' of undefined

How do I get the close button working properly?

Sorry, `$(this).parent().remove();` (see Arun's answer below) — Nick Coad, Jan 22 '14 at 06:19
Also why was his question voted down? He asked a perfectly fine question, and explained his problem so well that around 3 people posted an answer almost simultaneously! — Nick Coad, Jan 22 '14 at 06:22
@gnack don't you think that if 3 people can answer it so quickly in under 5 minutes, it might be an "easy to google" kind of question? — Sterling Archer, Jan 22 '14 at 06:23
Not if you don't know what you're googling for, he got the syntax correct for removal, he just was performing it on the incorrect object. You can't google for that without already knowing what you've done wrong - catch 22! — Nick Coad, Jan 22 '14 at 06:24
http://stackoverflow.com/questions/1051782/jquery-this-vs-this — Sterling Archer, Jan 22 '14 at 06:28

score 3 · Accepted Answer · answered Jan 22 '14 at 06:18

this refers to the dom element reference which does not have remove() method, you need the jQuery wrapper for the dom element.

Also you need to remove the parent div element

    $closeButton.click(function(){
        $(this).parent().remove();
    });

1 Answers1