[英]How to remove parent element of a list group item
我有一个列表,每个列表组项中都有一个删除按钮。 我想要删除按钮来删除列表项。 目前我只能删除按钮,但我希望删除整个 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>
您可以使用parentNode.remove()
function remove(ev) {
var elem = ev.target; // get the delete button element
elem.parentNode.remove(); // remove the parent li element
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.