• <button id="eiyoe"><acronym id="eiyoe"></acronym></button>
    <em id="eiyoe"></em>

  • <rp id="eiyoe"><acronym id="eiyoe"><input id="eiyoe"></input></acronym></rp>
      查看: 1943|回復: 0
      上一主題 下一主題

      jQuery 遍歷 - 同胞

      1298

      主題

      0

      好友

      39

      積分

      管理員 離線 發信

      跳轉到指定樓層
      樓主
      發表于 2014-02-19 15:35 | 只看該作者 | 倒序瀏覽

      jQuery 遍歷 - 同胞

      同胞擁有相同的父元素。

      通過 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 樹中沿著同胞元素向后遍歷,而不是向前)。

      jQuery 遍歷參考手冊

      如需了解所有的 jQuery 遍歷方法,請訪問我們的 jQuery 遍歷參考手冊。

      來源:http://www.w3school.com.cn/jquery/jquery_traversing_siblings.asp