Hide Parent Element With Onclick Function

I use jQuery most of the time, so I am having a bit of trouble with the following (simple) javascript: I want to dismiss(hide) the parent element of a p tag when clicking on it: HT

Solution 1:

http://jsfiddle.net/CUqmn/4/

functiondismiss(){
      document.getElementById('dismiss').parentNode.style.display='none';
};

BTW, as jsfiddle wrap javascript code in loader function, use no wrap in left select box to get it work on jsfiddle.

Solution 2:

You could try:

HTML:

<divclass="parent"><pid="dismiss"onclick="dismiss(this.parentNode);">dismiss this box</p></div>

JS:

functiondismiss(delete){
    delete.style.display='none';
};

This will delete the parent element. Also I just recently found out that you can hide the parent of a parent element like this:

HTML:

<divclass="parent"><pid="dismiss"onclick="dismiss(this.parentNode);">dismiss this box</p></div>

JS:

functiondismiss(delete){
    delete.parentNode.style.display='none';
};

Not relevant to this but if you ever want to try it it's there.

Sorry for my really late reply. 2 years later lol.