码迷,mamicode.com
首页 > Web开发 > 详细

整理Jquery的遍历方法

时间:2017-08-17 20:09:47      阅读:192      评论:0      收藏:0      [点我收藏+]

标签:jquer   span   文档   children   script   code   bsp   style   eval   

一、遍历父元素的几种方法

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的所有子元素
$("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");//返回介于<h2>和<h6>间的所有兄弟元素

5.prev()方法返回被选元素的上一个同胞元素

$("h2").prev(); //返回<h2>的上一个兄弟元素

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

$("h2").prevAll(); //返回<h2>之前的所有兄弟元素

7.prevUntil() 方法返回介于两个给定参数之间的所有之前的同胞元素。

$("h2").prevUntil("h6");//返回介于<h2>和<h6>间的所有兄弟元素

 

整理Jquery的遍历方法

标签:jquer   span   文档   children   script   code   bsp   style   eval   

原文地址:http://www.cnblogs.com/javenlee/p/7383489.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!