JQuery 對節點資料的遍歷

2021-08-11 09:09:06 字數 518 閱讀 3106

遍歷資料首先要遍歷資料的節點

節點直接有父級、同級、子級三種關係。

1、通過子節點對父節點進行操作

parent()

對自己的直屬上級節點進行操作

parents() 

對選中元素的所有父級進行操作,$("

span")

.parents("

ul");選中所有父級元素中ul標籤的父級元素

parentutils()

除最層父級元素和自身之外的元素

2、子元素

children()

只對直系下屬的所有元素節點擊擇

find()

選中所有的下屬級層的元素

3、同級元素的選擇

sibings()

返回被選元素的所有同級元素

next()

返回被選元素的相鄰同級的下乙個元素

nextall()返回選中元素所有相鄰向下的同級元素

nextuntils()

返回元素之間的所有同級元素

jquery遍歷節點

遍歷所有的li標籤 function 通過each 遍歷指定的多個同類節點 function find 函式用於查抄子節點,如果找到了,則返回被找到的節點物件 var node ul find li alert node ul find li css color yellow 滑鼠事件 type t...

jquery遍歷節點

父類節點遍歷 parent 尋找節點的第乙個父節點 引數用於篩選元素 parents 尋找節點的所有父類節點 會一直找到document 引數用於篩選元素 parentuntil el 尋找兩個節點之間的所有父類節點 子類節點遍歷 children 尋找節點的第乙個子節點 引數用於篩選元素 find...

JQuery節點遍歷

ancestors style src jquery jquery 1.11.1.min.js script document ready function script head class ancestors body 曾曾祖父 style width 500px div 曾祖父 ul 祖父 l...