How to Remove a List Group Item's Parent Element

hectorsalamanca — Thu, 12 Jan 2023 13:48:56 GMT

I have a list, and there is a delete button in each list group item. The delete button should be used to remove the list item. I can just delete the button right now, but I'd like to remove the entire li part.

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>

Re: How to Remove a List Group Item's Parent Element

JoelBennett — Thu, 12 Jan 2023 17:45:40 GMT

Maybe try this instead:

function remove(ev) { var listItem = ev.target.parentNode; listItem.parentNode.removeChild(listItem); }

Re: How to Remove a List Group Item's Parent Element

hectorsalamanca — Sat, 14 Jan 2023 00:49:00 GMT

Thanks

topic Re: How to Remove a List Group Item's Parent Element in ArcGIS JavaScript Maps SDK Questions

How to Remove a List Group Item's Parent Element

Re: How to Remove a List Group Item's Parent Element

Re: How to Remove a List Group Item's Parent Element