當(dāng)使用 jQuery 操作 DOM 時(shí),我們經(jīng)常需要對(duì)某個(gè)元素的父級(jí)元素進(jìn)行操作,這就需要使用到 jQuery 的父級(jí)選擇器。下面我們來介紹一些獲取父級(jí)元素方法。
$(selector).parent() //獲取直接父級(jí)元素
$(selector).parents() //獲取所有父級(jí)元素
$(selector).parentsUntil() //獲取父級(jí)元素到某個(gè)元素之間的所有元素
1. 獲取直接父級(jí)元素
使用parent()
方法可以獲取元素的直接父級(jí)元素。例如,以下代碼可以獲取 class 為 "child" 的元素的直接父元素。
$(".child").parent();
2. 獲取所有父級(jí)元素
使用parents()
方法可以獲取元素的所有父級(jí)元素。例如,以下代碼可以獲取 class 為 "grandchild" 的元素的所有父元素。
$(".grandchild").parents();
3. 獲取父級(jí)元素到某個(gè)元素之間的所有元素
使用parentsUntil()
方法可以獲取元素的父級(jí)元素到某個(gè)元素之間的所有元素。例如,以下代碼可以獲取 class 為 "grandchild" 的元素與 class 為 "root" 的元素之間的所有元素。
$(".grandchild").parentsUntil(".root");
以上就是 jQuery 獲取父級(jí)元素的方法介紹,使用這些方法可以快速定位到需要操作的元素。