javascript Remover 函数

Question

我是 JavaScript 的新手，我正在编写一个类似费用管理的应用程序。我坚持编写一个函数，该函数可以在任何调用它的地方删除 parentNode 和相应的子节点。

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

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

Answer 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>