使用onclick函数隐藏父元素 [英] Hide parent element with onclick function

问题描述

我大多数时候都使用jQuery，因此以下(简单的)javascript有点麻烦:

I use jQuery most of the time, so I am having a bit of trouble with the following (simple) javascript:

我想在点击它时关闭(隐藏)p标签的父元素:

I want to dismiss(hide) the parent element of a p tag when clicking on it:

HTML:

<div class="parent">
     <p id="dismiss" onclick="dismiss();">dismiss this box</p>
</div>

JS:

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

小提琴:: http://jsfiddle.net/CUqmn/3/

但是这不起作用.正确的代码是什么?

But this is not working. What would be the correct code?

谢谢

推荐答案

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

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

顺便说一句，由于jsfiddle将javascript代码包装在加载程序函数中，因此请在左侧选择框中不使用任何包装，以使其在jsfiddle上正常工作.

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

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