整理Jquery的遍歷方法

2022-09-07 00:54:18 字數 1608 閱讀 2071

一、遍歷父元素的幾種方法

1.遍歷直接父元素:parent () 方法

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

$("span").parent();

2.遍歷所有父元素:parents ()

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

$("span").parents();// 返回span的所有父元素

$("span").parents(".box"); //返回所有span的父元素並且類名為box的元素

3. 遍歷介於兩元素直接的父元素 :parentsuntil () 

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

$("span").parentsuntil("div");

二、遍歷子元素的幾種方法

1.遍歷直接子元素:children()  方法

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

$("div").children();//

返回div的所有子元素

$("div").children("p.one");//

返回類名為 "one" 的所有 元素,並且它們是 的直接子元素

2.遍歷所有子元素: find() 方法

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

$("div").find("*"); //

返回div的所有子元素

$("div").find("span,li"); //

返回div的所有span和li標籤的元素

三、遍歷同胞的幾種方法

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

$("h2").siblings();//

返回h2的所有兄弟元素

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

$("h2").next();

3.nextall() 方法返回被選元素的所有跟隨的同胞元素即排在他之後的所有兄弟元素。

$("h2").nextall();

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

$("h2").nextuntil("h6");//

返回介於和間的所有兄弟元素

5.prev()方法返回被選元素的上乙個同胞元素

$("h2").prev(); //

返回的上乙個兄弟元素

6.prevall() 方法返回被選元素的排在他之前的所有兄弟元素。

$("h2").prevall(); //

返回之前的所有兄弟元素

7.prevuntil() 方法返回介於兩個給定引數之間的所有之前的同胞元素。

$("h2").prevuntil("h6");//

返回介於和間的所有兄弟元素

jQuery的遍歷方法

把元素新增到匹配元素的集合中 把之前的元素集新增到當前集合中 返回被選元素的所有直接子元素 返回被選元素的第乙個祖先元素 返回被選元素的所有直接子元素 包含文字和注釋節點 為每個匹配元素執行函式 結束當前鏈中最近的一次篩選操作,並把匹配元素集合返回到前一次的狀態 返回帶有被選元素的指定索引號的元素 ...

JQUERY 遍歷方法

add 把元素新增到匹配元素的集合中 addback 把之前的元素集新增到當前集合中 andself 在版本 1.8 中被廢棄。addback 的別名 children 返回被選元素的所有直接子元素 closest 返回被選元素的第乙個祖先元素 contents 返回被選元素的所有直接子元素 包含文...

jQuery 遍歷 方法

方法 描述add 把元素新增到匹配元素的集合中 addback 把之前的元素集新增到當前集合中 andself 在版本 1.8 中被廢棄。addback 的別名 children 返回被選元素的所有直接子元素 closest 返回被選元素的第乙個祖先元素 contents 返回被選元素的所有直接子元...