Jquery 元素遍歷

祖先

parent() 方法返回被選元素的直接父元素。

parents() 方法返回被選元素的所有祖先元素，它一路向上直到文件的根元素 ()。

下面的例子返回所有 元素的所有祖先，並且它是 元素： $

("span")

.parents("

ul");

parentsuntil() 方法返回介於兩個給定元素之間的所有祖先元素。

下面的例子返回介於 與 元素之間的所有祖先元素： $

("span")

.parentsuntil("

div");`

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

下面的例子返回類名為 "1" 的所有 元素，並且它們是 的直接子元素： $

("div").

children("

p.1");

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

下面的例子返回屬於 後代的所有 元素： $

("div").

find("

span")

; 下面的例子返回 的所有後代： $

("div").

find("

*");

同胞siblings() 方法返回被選元素的所有同胞元素。

下面的例子返回屬於 的同胞元素的所有 元素： $

("h2"

).siblings("

p");

next() 方法返回被選元素的下乙個同胞元素。

下面的例子返回 的所有跟隨的同胞元素： $

("h2"

).nextall();

nextuntil() 方法返回介於兩個給定引數之間的所有跟隨的同胞元素。

下面的例子返回介於 與 元素之間的所有同胞元素： $

("h2"

).nextuntil("

h6");

prev(), prevall() 以及 prevuntil() 方法的工作方式與上面的方法類似，只不過方向相反而已：它們返回的是前面的同胞元素（在 dom 樹中沿著同胞之前元素遍歷，而不是之後元素遍歷） 過濾

first() 方法返回被選元素的首個元素。

下面的例子選取首個 元素內部的第乙個 元素： $

("div p")

.first();

last() 方法返回被選元素的最後乙個元素。

下面的例子選擇最後乙個 元素中的最後乙個 元素： $

("div p")

.last();

eq() 方法返回被選元素中帶有指定索引號的元素。

下面的例子選取第二個 元素（索引號 1）： $

("p"

).eq(

1);

filter() 方法允許您規定乙個標準。不匹配這個標準的元素會被從集合中刪除，匹配的元素會被返回。

下面的例子返回帶有類名 "url" 的所有 元素： $

("p"

).filter("

.url")

; 下面的例子返回不帶有類名 "url" 的所有 元素： $

("p"

).not(

".url")

;

jquery元素遍歷

1 遍歷祖先元素 parent 返回被選元素的直接父元素。document ready function parents 返回被選元素的所有祖先元素，它一路向上直到文件的根元素 document ready function 也可以使用可選引數來過濾對祖先元素的搜尋 document ready f...

jQuery 元素遍歷

1 向上遍歷dom樹 parent 方法選取被選元素的直接父元素。parents 方法選取被選元素的所有祖先元素，它一路向上直到文件的根元素 parentsuntil 方法選取介於兩個給定元素之間的所有祖先元素。span parent li span parents li ul div span p...

jQuery 元素遍歷

jquery 遍歷，意為 移動 用於根據其相對於其他元素的關係來 查詢 或選取 html 元素。以某項選擇開始，並沿著這個選擇移動，直到抵達您期望的元素為止。下圖展示了乙個家族樹。通過 jquery 遍歷，您能夠從被選 當前的 元素開始，輕鬆地在家族樹中向上移動 祖先 向下移動 子孫 水平移動 同胞...