jQuery 遍历-白红宇

jQuery 遍历

阅读量：7100 次

发布时间：2019-06-28

本文共 1092 字，大约阅读时间需要 3 分钟。

一、遍历大体分三种情况：遍历祖先、后代、同辈

1）、遍历祖先用到的方法：

1、parent()：返回距离指定元素最近的也是直接的父级元素。即父元素

2、parents()：返回指定元素的所有父级元素。即父元素、祖父元素、曾祖父元素

3、parents(” 元素名 “)：返回指定元素的父级元素中指定的父级元素

　　4、parentsUntil()：返回介于给定两个元素之间的所有父级元素。即返回的父级元素中有很多个，但是只返回其中一部分而不是全部。

2）、遍历后代用到的方法：

1、children()：返回指定元素的所有子集元素，即靠近指定元素最近的子集元素，而不是所有子集元素

　　2、find(" 元素名 ")：返回指定元素指定的后代元素。

　　3、find(" * ")：返回指定元素的所有后代元素。切忌没有 findAll() 这种方法的说法

3）、遍历同辈用到的方法：

　　1、siblings()：返回指定元素的所有同辈元素

　　2、siblings(" 元素名 ")：返回指定元素的同辈元素中指定的元素。

　　3、next()：返回指定元素的同辈元素中的后面一个（紧跟着的）。返回值只有一个

　　4、nextAll()：返回指定元素的同辈元素中所有同辈元素。

　　5、nextUntil()：返回指定的两个同辈元素中间的所有同辈元素。

　　6、prev()：回指定元素的紧挨着的前面一个同辈元素

　　7、 prevAll()：返回指定元素的所有前面的同辈元素

　　8、prevUntil()：返回指定元素的同辈元素的前面的所有元素。

二、html源码部分

body (曾曾祖父元素) 
    
     div (曾祖父元素)     
     
      ul (祖父元素)         
      li (父元素)             span             b b             i             pp
             
       
        div
       
         
     
     
 
    
 
    
     div (曾祖父元素)     
     
      ul (祖父元素)         
      li (父元素)             span