1、向上遍歷dom樹
parent() 方法選取被選元素的直接父元素。
parents() 方法選取被選元素的所有祖先元素,它一路向上直到文件的根元素 ()。
parentsuntil() 方法選取介於兩個給定元素之間的所有祖先元素。
$("span").parent();//li
$("span").parents();//li ul div
$("span").parentsuntil("div");//li ul
2、向下遍歷dom樹
children()方法選取被選元素的所有直接子元素。
find()方法選取被選元素的後代元素,直到最後乙個後代。
$("div").children();//選取div元素的所有直接子元素
$("div").children("p.class");//選取div直接子元素中所有類名為class的p元素。
$("div").find("*");//選取div元素所有子元素
$("div").find("span");//選取div後代所有的span元素
3、水平遍歷dom樹
siblings()方法選取被選元素所有的同胞元素
next()方法選取被選元素的下乙個同胞元素,
nextall()方法選取被選元素之後的所有同胞元素,
nextutil()方法選取被選元素與給定引數之間的所有同胞元素,
$("h2").nextutil("h6");//選取h2-h6之間的所有同胞元素
prev()方法選取被選元素的上乙個同胞元素,
prevall()方法選取被選元素之前的所有同胞元素,
prevutil()方法選取給定引數與被選元素之間的所有同胞元素。
4、過濾
first()方法選取被選元素的首個元素。
$("div p").first();//選取首個div元素內部的第乙個p元素
last()方法選取被選元素的最後乙個元素。
$("div p").last();//選擇最後乙個div元素的最後乙個p元素
eq()方法選擇被選元素中帶有指定索引號的元素
$("p").eq(1);//選取第二個p元素(索引號 1)
filter()方法選取被選元素中與給定引數相匹配的元素
$("p").filter(".class");//選擇帶有類名class的p元素
not()方法選取被選元素中與給定引數不匹配的元素
$("p").not(".class");//選擇類名不是class 的p元素
jquery元素遍歷
1 遍歷祖先元素 parent 返回被選元素的直接父元素。document ready function parents 返回被選元素的所有祖先元素,它一路向上直到文件的根元素 document ready function 也可以使用可選引數來過濾對祖先元素的搜尋 document ready f...
Jquery 元素遍歷
祖先 parent 方法返回被選元素的直接父元素。parents 方法返回被選元素的所有祖先元素,它一路向上直到文件的根元素 下面的例子返回所有 元素的所有祖先,並且它是 元素 span parents ul parentsuntil 方法返回介於兩個給定元素之間的所有祖先元素。下面的例子返回介於 ...
jQuery 元素遍歷
jquery 遍歷,意為 移動 用於根據其相對於其他元素的關係來 查詢 或選取 html 元素。以某項選擇開始,並沿著這個選擇移動,直到抵達您期望的元素為止。下圖展示了乙個家族樹。通過 jquery 遍歷,您能夠從被選 當前的 元素開始,輕鬆地在家族樹中向上移動 祖先 向下移動 子孫 水平移動 同胞...