jQuery 周遊|後代

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

通過 jQuery，您能夠向下周遊 DOM 樹，以查找元素的後代。

下面是兩個用于向下周遊 DOM 樹的 jQuery 方法：

children() find()

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

該方法隻會向下一級對 DOM 樹進行周遊。

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

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

image.png

傳回類名為 "1" 的所有 <p> 元素，并且它們是 <div> 的直接子元素：

$("div").children("p.1");

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

例子傳回屬于 <div> 後代的所有 <span> 元素：

$("div").find("span");