CODEWITHSUNDEEP
javascript
user20654632
user20654632

Reputation:

How to remove parent element of a list group item

I have a list and in each list group item there is a delete button. I would like the delete button to remove the list item. At the moment i can only delete the button but i would like the whole li element to be removed

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>

Upvotes: 1

Views: 107

Answers (1)

norbekoff
norbekoff

Reputation: 1965

You can use parentNode.remove()

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

Upvotes: 4

Related Questions