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 視頻教程 python基礎視頻教程
        SQL Server 2008 視頻教程 c#入門經典教程 Visual Basic從門到精通視頻教程
        當前位置:
        首頁 > 網站開發 > JQuery >
        • JavaScript教程之jQuery 遍歷 - 祖先

        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"); });



        <!DOCTYPE html>
        <html>
        <head>
        <meta charset="utf-8">
        <style>
        .ancestors *
        display: block;
        border: 2px solid lightgrey;
        color: lightgrey;
        padding: 5px;
        margin: 15px;
        }
        </style>
        <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
        </script>
        <script>
        $(document).ready(function(){
          $("span").parentsUntil("div").css({"color":"red","border":"2px solid red"});
        });
        </script>
        </head>
         
        <body class="ancestors"> body (曾曾祖父元素)
          <div style="width:500px;">div (曾祖父元素)
            <ul>ul (祖父元素)  
              <li>li (父元素)
                <span>span</span>
              </li>
            </ul>   
          </div>
        </body>
         
        </html>

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