jQuery遍历子元素

子元素是孩子、孙子、曾孙，等等.

使用jQuery你可以遍历DOM树，找到一个元素的后代。

向下遍历DOM树

向下遍历DOM树的方法有如下几个:

• children()
• find()

jQuery children() 方法

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

这种方法只遍历一层DOM树.

以下示例返回所有<div>元素的直接子元素：

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

让我试试

您还可以使用可选参数筛选搜索子元素。

下面实例返回所有<div>里面class="first"的直接子元素<p>

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

让我试试

jQuery find() 方法

find() 法将选定元素的后代元素，直到最后一个后代。

下面实例返回所有<div>元素的所有``元素。

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

让我试试

下面是返回所有<div>元素的后代:

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

让我试试