首頁 > 其他

jQuery如何實現刪除祖先級標籤

2019-12-12 12:27:57

在做前端頁面開發時,我們經常會使用jquery來操作dom,下面來看一下使用jquery是怎麼刪除祖先級標籤的,怎麼刪除元素的父級標籤的。

1

在html裡建立一個按鈕,和幾個div,程式碼如圖


2

在事件函數方法裡,我們使用jquery先獲得一個元素,假設要刪除這個元素的父節點,祖先級節點。


3

要刪除基父層節點,我們可以使用jquery的parent()方法來獲得當前節點的父節點。


4

如果還需要向上找父節點,就再呼叫一個parent()方法就行了。


5

找到要刪除的父節點後,呼叫它的remove方法就可以刪除了。


6

如果說父級節點,有很多個層次,我們可以使用parents方法,然後通過class,id等屬性來定位具體的父節點。


7

程式碼完成,執行頁面,可看到頁面上現在有幾個div,我們點選下方的按鈕,點選後,可看到父節點的div成功被刪除了。




IT145.com E-mail:sddin#qq.com