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