整理Jquery的遍歷方法
阿新 • • 發佈：2017-08-17
next() 文檔 round 一個 上一個 val 子元素 eva 標簽
一、遍歷父元素的幾種方法
1.遍歷直接父元素：parent () 方法
parent() 方法只會返回被選元素的直接父元素。
$("span").parent();
2.遍歷所有父元素：parents () 方法
parents() 方法返回被選元素的所有祖先元素，它一路向上直到文檔的根元素 (<html>)。
$("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" 的所有 <p> 元素，並且它們是 <div> 的直接子元素
2.遍歷所有子元素： find() 方法
find() 方法返回被選元素的後代元素，一路向下直到最後一個後代。
$("div").find("*"); //
$("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(); //返回<h2>的上一個兄弟元素
6.prevAll() 方法返回被選元素的排在他之前的所有兄弟元素。
$("h2").prevAll(); //返回<h2>之前的所有兄弟元素
7.prevUntil() 方法返回介於兩個給定參數之間的所有之前的同胞元素。
$("h2").prevUntil("h6");//返回介於<h2>和<h6>間的所有兄弟元素
整理Jquery的遍歷方法