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("*"); });
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/70018483/viewspace-2908361/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- jQuery 遍歷jQuery
- jQuery 遍歷方法jQuery
- jQuery 遍歷 – 祖先jQuery
- jquery遍歷節點jQuery
- Jquery之遍歷元素jQuery
- jQuery 遍歷 – 過濾jQuery
- jQuery遍歷-slice()方法jQuery
- jQuery遍歷函式,javascript中的each遍歷jQuery函式JavaScript
- jQuery的遍歷結構設計之遍歷同胞jQuery
- jQuery的遍歷結構設計之遍歷祖先jQuery
- jQuery 元素操作——遍歷元素jQuery
- 遍歷方法 js jquery 我 常用JSjQuery
- jQuery DOM節點的遍歷jQuery
- 二叉樹建立,前序遍歷,中序遍歷,後序遍歷 思路二叉樹
- 二叉樹的建立、前序遍歷、中序遍歷、後序遍歷二叉樹
- jquery遍歷得到的 Map 資料,jQuery
- jquery遍歷子元素的寫法jQuery
- jQuery程式碼優化:遍歷篇jQuery優化
- jQuery 遍歷 – 同胞(siblings)jQuery
- 【筆記】jQuery原始碼(節點遍歷)筆記jQuery原始碼
- jquery中each的三種遍歷方法jQuery
- Python字典的遍歷,包括key遍歷/value遍歷/item遍歷/Python
- 利用jQuery如何遍歷指定的li元素集合jQuery
- 二叉樹--後序遍歷二叉樹
- 資料結構與演算法——二叉樹的前序遍歷,中序遍歷,後序遍歷資料結構演算法二叉樹
- jQuery 後代選擇器jQuery
- jQuery遍歷陣列和集合程式碼例項jQuery陣列
- jQuery遍歷array陣列元素程式碼例項jQuery陣列
- 現代c++模板超程式設計:遍歷tupleC++程式設計
- js的map遍歷和array遍歷JS
- jQuery中使用$.each()遍歷陣列時要注意的地方jQuery陣列
- jQuery遍歷json格式資料完整程式碼例項jQueryJSON
- JavaScript專題之jQuery通用遍歷方法each的實現JavaScriptjQuery
- 建立二叉樹:層次遍歷--樹的寬度高度,後序遍歷--祖先節點二叉樹
- Javascript樹(一):廣度遍歷和深度遍歷JavaScript
- 二叉樹的先,中,後序遍歷二叉樹
- 二叉樹的先中後序遍歷二叉樹
- 二叉樹的前中後序遍歷二叉樹