如何完全刪除父元素

Question

如果這是我的div元素

<a href="sdfsfsf"><p class="quotes">blablabla</p></a>

如果不是主頁，如何刪除此quotes父級a

我無法為我的元素配置此代碼：

function delete_row(e)
{
    e.parentNode.parentNode.parentNode.removeChild(e.parentNode.parentNode);
}

js程序也必須在頁面加載且不是主頁時也自動加載，應該刪除一個元素

Answer 1

要刪除子元素e的直接父元素，而使子元素仍保留在DOM中（但重新綁定到其原始祖父母），請使用.replaceChild ：

e.parentNode.parentNode.replaceChild(e, e.parentNode);

Answer 2

如果要將p保留在原位，則需要先將其添加到其父容器中：

function delete_row(e) {
    var parent = e.parentNode;
    var grandParent = parent.parentNode;
    // remove e from its parent
    e.remove();
    // insert e into its grandParent, before parent
    grandParent.insertBefore(e, parent);
    // remove parent
    parent.remove();
}

但是，可以通過上述@Alnitak的解決方案來實現相同的目的。

今天我學到了:)