javascript - 如何删除列表组项的父元素

Question

我有一个列表，在每个列表组项中都有一个删除按钮。我想要删除按钮来删除列表项。目前我只能删除按钮，但我希​​望删除整个 li 元素

function remove(ev) {
  var elem = document.getElementById(ev.target.id);
  elem.this.parentNode.id.remove();
  console.log(elem.this.parentNode.id);
}

<ul class="list-group">
  <li class="list-group-item">
    <p>Item 1</p>
    <button type="button" id="btn1" onclick="remove(event)" class="Button">Click</button>
  </li>
  <li class="list-group-item">
    <p>Item 1</p>
    <button type="button" id="btn1" onclick="remove(event)" class="Button">Click</button>
  </li>
</ul>

Answer 1

您可以使用parentNode.remove()

function remove(ev) {
  var elem = ev.target; // get the delete button element
  elem.parentNode.remove(); // remove the parent li element
}