jQuery通過遍歷來選擇元素

2021-10-09 01:22:53 字數 1576 閱讀 9932

query 遍歷,可以理解為「移動」,用於根據其相對於其他元素的關係來「查詢」(或選取)html 元素。以某項選擇開始,並沿著這個選擇移動,直到抵達您期望的元素為止。

向上遍歷

$

("select").

parent()

//返回被選元素的直接父元素

$

("select").

parents()

//返回被選元素的所有祖先元素,它一路向上直到文件的根元素 ()

$

("select").

parents

("指定祖先")$

("select").

parentsuntil

("指定祖先"

)// 返回介於兩個給定元素之間的所有祖先元素,可以理解為指定祖先前的所有元素

向下遍歷
$

("select").

children()

// 返回被選元素的所有直接子元素。

$

("select").

find()

// 返回被選元素的後代元素

兄弟遍歷
$

("select").

siblings()

// 返回被選元素的所有同胞元素

$

("select").

next()

// 返回被選元素的下乙個同胞元素。

$

("select").

nextall()

// 返回被選元素的所有跟隨的同胞元素。

$

("select").

nextuntil()

// 直到...之前的元素

$

("select").

prev()

// 上乙個$(

"select").

prevall()

// 與next對應$(

"select").

prevuntil

()

過濾
first()

// 返回被選元素的首個元素。

last()

// 返回被選元素的最後乙個元素。

eq()

// 返回被選元素中帶有指定索引號的元素

filter()

// 規定乙個標準。不匹配這個標準的元素會被從集合中刪除,匹配的元素會被返回$(

".parent div").

filter

(":odd").

css(

"color"

,"red"

);

not()

// 返回不匹配標準的所有元素

jquery元素遍歷

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

Jquery 元素遍歷

祖先 parent 方法返回被選元素的直接父元素。parents 方法返回被選元素的所有祖先元素,它一路向上直到文件的根元素 下面的例子返回所有 元素的所有祖先,並且它是 元素 span parents ul parentsuntil 方法返回介於兩個給定元素之間的所有祖先元素。下面的例子返回介於 ...

jQuery 元素遍歷

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