Latest web development tutorials

jQuery 遍歷– 後代

後代是子、孫、曾孫等等。

通過jQuery,您能夠向下遍歷DOM 樹,以查找元素的後代。


向下遍歷DOM 樹

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

  • children()
  • find()

jQuery children() 方法

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

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

下面的例子返回每個<div> 元素的所有直接子元素:

實例

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

嘗試一下»

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

下面的例子返回類名為"1" 的所有<p> 元素,並且它們是<div> 的直接子元素:

實例

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

嘗試一下»


jQuery find() 方法

find() 方法返回被選元素的後代元素,一路向​​下直到最後一個後代。

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

實例

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

嘗試一下»

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

實例

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

嘗試一下»