jQuery 遍歷– 後代
後代是子、孫、曾孫等等。
通過jQuery,您能夠向下遍歷DOM 樹,以查找元素的後代。
向下遍歷DOM 樹
下面是兩個用於向下遍歷DOM 樹的jQuery 方法:
- children()
- find()
jQuery children() 方法
children() 方法返回被選元素的所有直接子元素。
該方法只會向下一級對DOM 樹進行遍歷。
下面的例子返回每個<div> 元素的所有直接子元素:
您也可以使用可選參數來過濾對子元素的搜索。
下面的例子返回類名為"1" 的所有<p> 元素,並且它們是<div> 的直接子元素:
jQuery find() 方法
find() 方法返回被選元素的後代元素,一路向下直到最後一個後代。
下面的例子返回屬於<div> 後代的所有<span> 元素:
下面的例子返回<div> 的所有後代: