如何刪除列表組項的父元素

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
}