JQuery 遍歷 祖先 同胞 後代 過濾

2021-08-27 00:14:01 字數 746 閱讀 4953

祖先

.parent()直接父級元素

.parents()所有祖先元素 可過濾   示例:$('#id').parents('li')

.parentuntil()兩個給定元素之間的所有祖先元素   示例:$('#id').parentuntil('div')

同胞.siblings() 所有同胞元素

.next()下一同胞元素

.nextall() 所有跟隨的同胞元素

.nextuntil('h6')  兩個給定元素之間的所有同胞元素(向下)

.prev() 上一同胞元素

.prevall() 所有前面的同胞元素

.prevuntil('h2')  兩個給定元素之間的所有同胞元素(向上)

後代.children() 所有直接的子元素

.find() 一路向下直到最後乙個後代

過濾.first()

示例:$("div p").first();   div下的第乙個p元素

.last()

示例:$("div p").last();   div下的最後乙個p元素

.eq(num)

示例:$("div").eq(0);    索引號為0的div元素

.filter('規則')

示例:$("p").filter(".url");   class為url的p元素

.not('規則')

示例:$("p").not(".url");   class不為url的p元素

JQ 遍歷 (祖先,後代,同胞,過濾)

曾祖先元素 祖先元素 父元素span span parents 可過濾 one children 可過濾 one find 獲取所有子元素 h2 siblings 可過濾 first 獲取首個元素 last 獲取最後乙個元素 eq 獲取指定索引號的元素 索引從0開始 filter 匹配指定的clas...

jQuery 遍歷 同胞

同胞擁有相同的父元素。通過 jquery,您能夠在 dom 樹中遍歷元素的同胞元素。有許多有用的方法讓我們在 dom 樹進行水平遍歷 siblings 方法返回被選元素的所有同胞元素。下面的例子返回p 效果圖 您也可以使用可選引數來過濾對同胞元素的搜尋。下面的例子返回屬於 next 方法返回被選元素...

jQuery 遍歷 同胞

同胞擁有相同的父元素。通過 jquery,您能夠在 dom 樹中遍歷元素的同胞元素。有許多有用的方法讓我們在 dom 樹進行水平遍歷 siblings 方法返回被選元素的所有同胞元素。下面的例子返回next 方法返回被選元素的下乙個同胞元素。該方法只返回乙個元素。document ready fun...