jq的父子節點選擇

一、獲取父節點、祖先節點:

1. parents([selector])

本方法用於選擇給定 jQuery 對象中包含的 DOM 元素或者 DOM 元素集的祖先節點,並將這些節點包裝成 jQuery 對象返回,返回的節點集是以從裏到外的順序排序的。同時,本方法還接受一個字符串選擇器,用於從返回的節點集中篩選符合選擇器的子元素集。


2. parent([selector])
本方法用於選擇給定 jQuery 對象中包含的 DOM 元素或者 DOM 元素集的父節點。它和 parents() 不同的是,它只向上搜索一層,而 parents() 會搜索整個 DOM 樹。本方法也可以接受一個字符串選擇器,用於篩選返回的元素。


有人可能會問:一個 DOM 元素的父元素不是隻有一個麼,爲什麼還要一個 selector 選擇器進行篩選呢?其實一個 jQuery 對象可能包含有很多個 DOM 元素,例如$('a').parent() 就是選擇所有 <a> 標籤的父元素,這樣返回的就是一個元素集,所以可以進行篩選。

3. closest(selector)(((((這個感覺挺好用))))
本方法用於向上遍歷 jQuery 對象中包含的 DOM 元素或者 DOM 元素集的祖先節點,直到找到符合 selector 選擇器的節點爲止。

二、獲取子節點、子孫節點:

1. chidren([selector])

僅僅獲取的是下級節點,不包括孫子節點,可用選擇器選取。


2. find([selector])
搜索所有段落中的後代,可用選擇器獲取。
 

發佈了65 篇原創文章 · 獲贊 52 · 訪問量 18萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章