JQuery 遍历

向上遍历

  • parent()
  • parents()
  • parentsUntil()

jQuery parent() 方法

parent() 方法返回被选元素的直接父元素

该方法只会向上一级对 DOM 树进行遍历

$("span").parent();

 

jQuery parents() 方法

parents() 方法返回被选元素的所有祖先元素,它一路向上直到文档的根元素 (<html>)。 可以进行过滤

 

 $("span").parents();
  $("span").parents("ul");

 

 

 

jQuery parentsUntil() 方法

parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。

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

 

向下遍历

  • children()
  • find()

jQuery children() 方法

children() 方法返回被选元素所有直接子元素

该方法只会向下一级对 DOM 树进行遍历。 (只会选中子,不会选中孙)   可以进行过滤

$("div").children();
$("div").children("p.1");

 

jQuery find() 方法

find() 方法返回被选元素的后代元素一路向下直到最后一个后代。  可以进行过滤

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

 

同一级元素

  • siblings()
  • next()
  • nextAll()
  • nextUntil()
  • prev()
  • prevAll()
  • prevUntil()

 

jQuery siblings() 方法

siblings() 方法返回被选元素的所有同胞元素 可过滤

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

 

jQuery next() 方法

next() 方法返回被选元素的下一个同胞元素

该方法只返回一个元素。

 $("h2").next();

 

jQuery nextAll() 方法

nextAll() 方法返回被选元素的所有跟随的同胞元素

 $("h2").nextAll();

 

jQuery nextUntil() 方法

nextUntil() 方法返回介于两个给定参数之间的所有跟随的同胞元素

  $("h2").nextUntil("h6");

 

jQuery prev(), prevAll() & prevUntil() 方法

prev(), prevAll() 以及 prevUntil() 方法的工作方式与上面的方法类似,只不过方向相反而已:它们返回的是前面的同胞元素(在 DOM 树中沿着同胞元素向后遍历,而不是向前)。

 

 

jQuery filter() 方法

filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回

  $("p").filter(".intro");

 

jQuery not() 方法

not() 方法返回不匹配标准的所有元素。

提示:not() 方法与 filter() 相反。

 

jQuery 遍历 - each() 方法

                       var Aids = “1,2,3,4,5”.split(',');
                        for (var i = 0; i < Aids.length; i++) {
                          consoelo.log(Aids[i]);
                        }
                      
                     $.each(Aids, function (i, index) {
                            console.log(index);  //i为索引值,index为当前元素
                           
                        });
                 $(Aids).each(function () {    
                     console.log(this);
                });

 

posted @ 2017-07-25 16:43  Sealee  阅读(216)  评论(0编辑  收藏  举报