最新的Web開發教程
 

jQuery遍歷 - 後代


後裔是一個孩子,孫子,曾孫,等等。

與jQuery你可以向下遍歷DOM樹找到一個元素的後裔。


向下遍歷DOM樹

兩個有用的jQuery方法向下遍歷DOM樹是:

  • children()
  • find()

jQuery的children()方法

children()方法返回所選元素的所有直接子。

這種方法只遍歷一個級別向下DOM樹。

下面的示例返回各自的直接子的所有元素<div>元素:

$(document).ready(function(){
    $("div").children();
});
試一試»

你也可以使用一個可選的參數來篩選兒童搜索。

下面的例子返回所有<p>與類名的元素"first" ,是直接孩子<div>

$(document).ready(function(){
    $("div").children("p.first");
});
試一試»

jQuery的find()方法

find()方法返回後代所選元素的元素,一路下降到最後的後裔。

下面的例子返回所有<span>元素是後代<div>

$(document).ready(function(){
    $("div").find("span");
});
試一試»

下面的示例返回的所有後代<div>

$(document).ready(function(){
    $("div").find("*");
});
試一試»

自測練習用!

練習1» 練習2» 練習3» 練習4»


jQuery的參考遍歷

對於所有的jQuery遍歷方法完整概述,請訪問我們的jQuery遍歷參考