遍历祖先元素

Jquery 提供了以下的方法向上遍历DOM树：

• parent() 返回被选元素的直接父元素， 只会向上一级对 DOM 树进行遍历；
• parents() 返回被选元素的所有祖先元素， 它一路向上直到文档的根元素 (<html>)；
• parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素；

以下示例：

<html>
    <body>
        <div>
            <ul>
                <li id="#li1">item1</li>
                <li class="test">item2</li>
                <li>item3</li>
            </ul>
            <p>Jsut for Test</p>
        </div>
    </body>
</html>

//获取<li>的父元素
$("#li1").parent().css({"border":"2px solid red"});
//获取<li>的所有父元素
$("#li1").parents().css({"border":"2px solid red"});
//获取<li>的到<div>为止的所有父元素
$("#li1").parentUnitl("div").css({"border":"2px solid red"});

遍历同胞元素

Jquery 提供了以下的方法向遍历DOM树的同胞元素：

• siblings() 返回被选元素的 所有同胞元素。
• next() 返回被选元素的 下一个同胞元素
• nextAll() 返回被选元素的 后面的所有同胞元素
• nextUntil() 返回 介于两个给定参数之间的所有跟随的同胞元素
• prev() 返回 被选元素的上一个同胞元素
• prevAll() 返回 被选元素的前面的所有同胞元素
• prevUntil() 返回 介于两个给定参数之间的所有前面的同胞元素

这些方法的使用方式同遍历祖先元素的方法类似，同样都是返回一个或一组元素对象；