jquery獲取子節點父節點的方法

2021-07-22 20:31:39 字數 903 閱讀 2005

一、獲取子節點

比如是乙個 id 為 test 的 div元素,我們這樣選中,$('#test'),我們要查詢這個div下的乙個class為demo的span元素,有一下幾種方法 

1、使用篩選條件 

$('#test span.demo') 

2、使用find()函式 

$('#test').find('span.demo') 

3、使用children()函式 

$('#test').children('span.demo') 

二、獲取父節點

jquery獲取父元素方法比較多,比如parent(),parents(),closest()這些都能幫你實現查詢父元素或節點 

複製**

**如下:

我們的目的是通過 id 為 item1 的便簽a取到 class 為 parent1 的ul元素,有以下幾種方法: 

1.$('#item1').parent().parent('.parent1'); 

2.$('li:parent'); 

3.$('#items').parents('.parent1'); 

4.$('#items1').closest('.parent1'); 

closest會首先檢查當前元素是否匹配,如果匹配則直接返回元素本身。如果不匹配則向上查詢父元素,一層一層往上,直到找到匹配選擇器的元素。如果什麼都沒找到則返回乙個空的jquery物件。 

closest和parents的主要區別是:1,前者從當前元素開始匹配尋找,後者從父元素開始匹配尋找;2,前者逐級向上查詢,直到發現匹配的元素後 就停止了,後者一直向上查詢直到根元素,然後把這些元素放進乙個臨時集合中,再用給定的選擇器表示式去過濾;3,前者返回0或1個元素,後者可能包含0 個,1個,或者多個元素。closest對於處理事件委派非常有用。

jquery獲取子節點和父節點的例子

獲取子節點和父節點的方法有很多,本文介紹下jquery中時如何實現的。一 獲取子節點 比如是乙個 id 為 test 的 div元素,我們這樣選中,test 我們要查詢這個div下的乙個class為demo的span元素,有一下幾種方法 1 使用篩選條件 test span.demo 2 使用fin...

jquery獲取父節點 子節點 兄弟節點

test parent expr 找父親節點,可以傳入expr進行過濾,比如 span parent 或者 span parent class test parents expr 類似於jquery.parents expr 但是是查詢所有祖先元素,不限於父元素 test children expr...

jquery 獲取元素 父節點,子節點,兄弟節點

test1 parent 父節點 test1 parents 全部父節點 test1 parents mui content 返回class為mui content的父節點 test1 children 全部子節點 test1 children test1 返回id為test1的子節點 test1 ...