jQuery parent() 方法 parent() 方法返回被選元素的直接父元素。 該方法只會向上一級對 DOM 樹進行遍歷。 下麵的例子返回每個 <span> 元素的直接父元素: 實例 $(document).ready(function(){ $("span").parent(); }); ...
jQuery parent() 方法
parent() 方法返回被選元素的直接父元素。
該方法只會向上一級對 DOM 樹進行遍歷。
下麵的例子返回每個 <span> 元素的直接父元素:
實例
$(document).ready(function(){ $("span").parent(); });
jQuery parents() 方法
parents() 方法返回被選元素的所有祖先元素,它一路向上直到文檔的根元素 (<html>)。
下麵的例子返回所有 <span> 元素的所有祖先:
實例
$(document).ready(function(){ $("span").parents(); });您也可以使用可選參數來過濾對祖先元素的搜索。
下麵的例子返回所有 <span> 元素的所有祖先,並且它是 <ul> 元素:
實例
$(document).ready(function(){ $("span").parents("ul"); });
jQuery parentsUntil() 方法
parentsUntil() 方法返回介於兩個給定元素之間的所有祖先元素。
下麵的例子返回介於 <span> 與 <div> 元素之間的所有祖先元素:
向下遍歷 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("*"); });jQuery 遍歷- 過濾
縮小搜索元素的範圍
三個最基本的過濾方法是:first(), last() 和 eq(),它們允許您基於其在一組元素中的位置來選擇一個特定的元素。
其他過濾方法,比如 filter() 和 not() 允許您選取匹配或不匹配某項指定標準的元素。
jQuery first() 方法
first() 方法返回被選元素的首個元素。
下麵的例子選取首個 <div> 元素內部的第一個 <p> 元素:
實例
$(document).ready(function(){ $("div p").first(); });jQuery last() 方法
last() 方法返回被選元素的最後一個元素。
下麵的例子選擇最後一個 <div> 元素中的最後一個 <p> 元素:
實例
$(document).ready(function(){ $("div p").last(); });jQuery eq() 方法
eq() 方法返回被選元素中帶有指定索引號的元素。
索引號從 0 開始,因此首個元素的索引號是 0 而不是 1。下麵的例子選取第二個 <p> 元素(索引號 1):
實例
$(document).ready(function(){ $("p").eq(1); });
add() | 把元素添加到匹配元素的集合中 |
addBack() | 把之前的元素集添加到當前集合中 |
andSelf() | 在版本 1.8 中被廢棄。addBack() 的別名 |
children() | 返回被選元素的所有直接子元素 |
closest() | 返回被選元素的第一個祖先元素 |
contents() | 返回被選元素的所有直接子元素(包含文本和註釋節點) |
each() | 為每個匹配元素執行函數 |
end() | 結束當前鏈中最近的一次篩選操作,並把匹配元素集合返回到前一次的狀態 |
eq() | 返回帶有被選元素的指定索引號的元素 |
filter() | 把匹配元素集合縮減為匹配選擇器或匹配函數返回值的新元素 |
find() | 返回被選元素的後代元素 |
first() | 返回被選元素的第一個元素 |
has() | 返回擁有一個或多個元素在其內的所有元素 |
is() | 根據選擇器/元素/jQuery 對象檢查匹配元素集合,如果存在至少一個匹配元素,則返回 true |
last() | 返回被選元素的最後一個元素 |
map() | 把當前匹配集合中的每個元素傳遞給函數,產生包含返回值的新 jQuery 對象 |
next() | 返回被選元素的後一個同級元素 |
nextAll() | 返回被選元素之後的所有同級元素 |
nextUntil() | 返回介於兩個給定參數之間的每個元素之後的所有同級元素 |
not() | 從匹配元素集合中移除元素 |
offsetParent() | 返回第一個定位的父元素 |
parent() | 返回被選元素的直接父元素 |
parents() | 返回被選元素的所有祖先元素 |
parentsUntil() | 返回介於兩個給定參數之間的所有祖先元素 |
prev() | 返回被選元素的前一個同級元素 |
prevAll() | 返回被選元素之前的所有同級元素 |
prevUntil() | 返回介於兩個給定參數之間的每個元素之前的所有同級元素 |
siblings() | 返回被選元素的所有同級元素 |
slice() | 把匹配元素集合縮減為指定範圍的子集 |