2017-08-17 59 views
2

我是JavaScript新手,我正在寫一個有點費用管理應用程序。我堅持寫一個函數,它可以移除父節點和相應的子節點,無論它在哪裏調用。JavaScript卸妝功能

我在我的費用列表中的所有項目旁邊都有一個刪除按鈕。順便說一句我已經嘗試使用這個關鍵字來獲取父節點,但它返回未定義。我的代碼:

function remover(){ 
    var x = this.parentNode.parentNode; 
} 
+1

你能分享所有相關的代碼,好嗎? –

+1

嗨,歡迎來到StackOverflow。當您發佈有關您編寫的某些代碼無法正常工作的問題時,您需要提供三件事情。 1.你所看到的行爲以及你認爲這是錯誤的原因; 2.展示你所看到的行爲所需的最少代碼和/或步驟;以及3.你希望看到的行爲。除非你提供這些東西,否則很難幫助你 –

+0

謝謝你的回答。我怎樣才能在這裏分享我的所有項目(包括CSS和HTML文件)? –

回答

1

通在目標元素作爲參數傳遞給函數,然後使用.parentElement來訪問父元素,簡單地套用.remove()從DOM刪除父元素。

function remove(that) { 
 

 
    that.parentElement.remove(); 
 

 
}
<div class="parent"> 
 
     <div class="child" onclick="remove(this)">Click me to remove my parent!</div> 
 
</div>

+0

做得完美!謝謝 –