最新的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遍历参考