JQuery 遍歷 祖先/同胞/後代/過濾

祖先

.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元素

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章