1. <wbr id="m8vu6"></wbr>

      <del id="m8vu6"><center id="m8vu6"><source id="m8vu6"></source></center></del>
        <p id="m8vu6"><sub id="m8vu6"></sub></p>

        VB.net 2010 視頻教程 VB.net 2010 視頻教程 VB.net 2010 視頻教程
        SQL Server 2008 視頻教程 c#入門經典教程 Visual Basic從門到精通視頻教程
        當前位置:
        首頁 > 網站開發 > JQuery >
        • JavaScript教程之jQuery 遍歷 - 同胞(siblings)

        • 2017-05-10 09:01 來源:未知

        jQuery 遍歷 - 同胞(siblings)


        同胞擁有相同的父元素。

        通過 jQuery,您能夠在 DOM 樹中遍歷元素的同胞元素。


        在 DOM 樹中水平遍歷

        有許多有用的方法讓我們在 DOM 樹進行水平遍歷:

        • siblings()
        • next()
        • nextAll()
        • nextUntil()
        • prev()
        • prevAll()
        • prevUntil()

        jQuery siblings() 方法

        siblings() 方法返回被選元素的所有同胞元素。

        下面的例子返回 <h2> 的所有同胞元素:

        實例

        $(document).ready(function(){ $("h2").siblings(); });

        嘗試一下 »

        您也可以使用可選參數來過濾對同胞元素的搜索。

        下面的例子返回屬于 <h2> 的同胞元素的所有 <p> 元素:

        實例

        $(document).ready(function(){ $("h2").siblings("p"); });

        嘗試一下 »


        jQuery next() 方法

        next() 方法返回被選元素的下一個同胞元素。

        該方法只返回一個元素。

        下面的例子返回 <h2> 的下一個同胞元素:

        實例

        $(document).ready(function(){ $("h2").next(); });

        嘗試一下 »


        jQuery nextAll() 方法

        nextAll() 方法返回被選元素的所有跟隨的同胞元素。

        下面的例子返回 <h2> 的所有跟隨的同胞元素:

        實例

        $(document).ready(function(){ $("h2").nextAll(); });

        嘗試一下 »


        jQuery nextUntil() 方法

        nextUntil() 方法返回介于兩個給定參數之間的所有跟隨的同胞元素。

        下面的例子返回介于 <h2> 與 <h6> 元素之間的所有同胞元素:

        實例

        $(document).ready(function(){ $("h2").nextUntil("h6"); });

        嘗試一下 »


        jQuery prev(), prevAll() & prevUntil() 方法

        prev(), prevAll() 以及 prevUntil() 方法的工作方式與上面的方法類似,只不過方向相反而已:它們返回的是前面的同胞元素(在 DOM 樹中沿著同胞元素向后遍歷,而不是向前)。

        相關教程
        免费看成年人视频大全_免费看成年人视频在线观看