Jq中的遍歷

2021-08-08 13:08:23 字數 915 閱讀 5142

向上遍歷樹:

parent()返回被選元素的直接父元素、

(獲取的·父元素)

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

(獲取的祖先元素)

parentsuntil()返回介於兩個指定元素之間的所有祖先元素

(獲取的祖先元素)

向下遍歷dom樹:

children():返回被選元素所有直接子元素

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

水平遍歷dom樹(找的兄弟元素)

siblings():返回被選元素所有的同胞元素

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

nextall()返回被選元素的跟隨的所有同胞元素

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

prev():返回被選元素上乙個同胞元素

prevall()返回被選元素前面的所有同胞元素

prevtuntil()返回選定元素之前給定元素之間的所有兄弟元素

遍歷裡面的過濾

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

($("li").first().html())

eq(n)返回指定索引值的某個元素

first()返回被選元素的最後乙個元素

filter()按指定的條件返值

($("li").css("color","red").filter("li:gt(1)").css("color","green");)規律,先設所有的然後再過濾

not()返回不匹配標準的所有元素

has("li")//判斷li是否存在

jquery中each遍歷的三種方法$().each()

1選擇器+遍歷

$(document).ready(function())

})

jq的遍歷與雜項

jq獲取的物件集合是個偽陣列,不能用 0 這種形式獲取,必須用 eq 1.add 將元素新增到物件集合中 2.children 返回被選元素的所有直接子元素。3.find 返回被選元素的後代元素,引數是filter 必填項 4.next 返回被選元素的後乙個同級元素 5.nextall 返回被選元素...

jq的遍歷關係元素方法集合

children selector 返回被選元素的所有直接子元素,不返回文字節點 下面例子 給level 2的子元素設定border。比較使用children和find html ul class level 1 li class item i i li li class item ii ii ul...

jq遍歷的基礎語法之一

1 contents 和 children 方法類似,不同的是前者在結果 jquery 物件中包含了文字節點以及 html 元素。2 each 3 end 方法結束當前鏈條中的最近的篩選操作,並將匹配元素集還原為之前的狀態。4 eq 方法將匹配元素集縮減值指定 index 上的乙個。如果index為...