jQuery学习笔记（七）- 遍历_parentsutil()-CSDN博客

本文链接：https://blog.csdn.net/zling92/article/details/38380455

1、祖先

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

parents() - 返回被选元素的所有祖先元素，一路向上知道文档的根元素（<html>）

parentsUtil() - 返回介于两个给定元素之间的所有祖先元素

$(document).ready(function(){
     $("#div1").parent();
     $("#div2").parents();
     $("#div3").parentsUtil("span");
});

2、后代

children() - 返回被选元素的所有直接子元素

find() - 返回被选元素的后代元素，一路向下直到最后一个后代

$(document).ready(function(){
      $("div").children("p.1");//返回类名为“1”的所有<p>元素，并且它们是<div>的直接子元素
      $("div").find("span");//返回<div>后代的所有<span>元素
      $("div").find("*");//返回<div>的所有后代
});

3、同胞

siblings() - 返回被选元素的所有同胞元素

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

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

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

prev() 、prevAll()、prevUntil()方法的工作方式和上面的方法类似，只是方向相反而已。它们返回前面的同胞元素。

4、过滤

first() - 返回被选元素的首个元素

last() - 返回被选元素的最后一个元素

eq() - 返回被选元素中带有指定索引号的元素。索引号从0开始，因此首个索引号是0而不是1。

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

not() - 翻译不匹配标准的所有元素。

$(document).ready(function(){
    $("div p").first(); // 选取首个<div>元素内部的第一个<p>元素
    $("p").eq(1);//选取第二个<p>元素
});