jQuery_遍历_jQuery 祖先_傲亚开放平台

jQuery

概述

效果

HTML

遍历

jQuery 祖先

祖先是父、祖父或曾祖父等等。

通过 jQuery，您能够向上遍历 DOM 树，以查找元素的祖先

常用向上遍历 DOM 树的方法

1、 parent() 方法

//parent() 方法返回被选元素的直接父元素。
//该方法只会向上一级对 DOM 树进行遍历。

//实例
$(document).ready(function(){
  $("span").parent();//根据第一节的树状图参考 将返回span的父级元素li
});

2、parents() 方法

//parents() 方法返回被选元素的所有祖先元素，它一路向上直到文档的根元素 (<html>)。
//实例
$(document).ready(function(){
  $("span").parents();//根据第一节的树状图参考 将返回span的所有先祖元素
});

//.parents()可以使用可选参数来过滤对祖先元素的搜索。
//实例
$(document).ready(function(){
  $("span").parents("ul");//添加ul参数 表是 只返回先祖为ul的元素
});