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

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

      jQuery 遍歷 - 祖先

      1298

      主題

      0

      好友

      39

      積分

      管理員 離線 發信

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

      jQuery 遍歷 - 祖先

      祖先是父、祖父或曾祖父等等。

      通過 jQuery,您能夠向上遍歷 DOM 樹,以查找元素的祖先。

      向上遍歷 DOM 樹

      這些 jQuery 方法很有用,它們用于向上遍歷 DOM 樹:

      • parent()
      • parents()
      • parentsUntil()

      jQuery parent() 方法

      parent() 方法返回被選元素的直接父元素。

      該方法只會向上一級對 DOM 樹進行遍歷。

      下面的例子返回每個 <span> 元素的的直接父元素:

      實例

      $(document).ready(function(){ $("span").parent();});

      親自試一試

      jQuery parents() 方法

      parents() 方法返回被選元素的所有祖先元素,它一路向上直到文檔的根元素 (<html>)。

      下面的例子返回所有 <span> 元素的所有祖先:

      實例

      $(document).ready(function(){ $("span").parents();});

      親自試一試

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

      下面的例子返回所有 <span> 元素的所有祖先,并且它是 <ul> 元素:

      實例

      $(document).ready(function(){ $("span").parents("ul");});

      親自試一試

      jQuery parentsUntil() 方法

      parentsUntil() 方法返回介于兩個給定元素之間的所有祖先元素。

      下面的例子返回介于 <span> 與 <div> 元素之間的所有祖先元素:

      實例

      $(document).ready(function(){ $("span").parentsUntil("div");});

      親自試一試

      jQuery 遍歷參考手冊

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

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