2017-08-17 33 views
2

我是JavaScript新手,我正在写一个有点费用管理应用程序。我坚持写一个函数,它可以移除父节点和相应的子节点,无论它在哪里调用。JavaScript卸妆功能

我在我的费用列表中的所有项目旁边都有一个删除按钮。顺便说一句我已经尝试使用这个关键字来获取父节点,但它返回未定义。我的代码:

function remover(){ 
    var x = this.parentNode.parentNode; 
} 
+1

你能分享所有相关的代码,好吗? –

+1

嗨,欢迎来到StackOverflow。当您发布有关您编写的某些代码无法正常工作的问题时,您需要提供三件事情。 1.你所看到的行为以及你认为这是错误的原因; 2.展示你所看到的行为所需的最少代码和/或步骤;以及3.你希望看到的行为。除非你提供这些东西,否则很难帮助你 –

+0

谢谢你的回答。我怎样才能在这里分享我的所有项目(包括CSS和HTML文件)? –

回答

1

通在目标元素作为参数传递给函数,然后使用.parentElement来访问父元素,简单地套用.remove()从DOM删除父元素。

function remove(that) { 
 

 
    that.parentElement.remove(); 
 

 
}
<div class="parent"> 
 
     <div class="child" onclick="remove(this)">Click me to remove my parent!</div> 
 
</div>

+0

做得完美!谢谢 –