20. jQuery 遍历

祖先是父、祖父或曾祖父等等。
通过 jQuery，您能够向上遍历 DOM 树，以查找元素的祖先。

向上遍历 DOM 树
这些 jQuery 方法很有用，它们用于向上遍历 DOM 树：

parent()
parents()
parentsUntil()

jQuery parent() 方法

parent() 方法返回被选元素的直接父元素。
该方法只会向上一级对 DOM 树进行遍历。
下面的例子返回每个 < span> 元素的的直接父元素：
实例

$(document).ready(function(){$("span").parent();
});

jQuery parents() 方法

parents() 方法返回被选元素的所有祖先元素，它一路向上直到文档的根元素 (< html>)。
下面的例子返回所有 < span> 元素的所有祖先：
实例

$(document).ready(function(){$("span").parents();
});

您也可以使用可选参数来过滤对祖先元素的搜索。
下面的例子返回所有 < span> 元素的所有祖先，并且它是 < ul> 元素：
实例

$(document).ready(function(){$("span").parents("ul");
});

jQuery parentsUntil() 方法

parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。
下面的例子返回介于 < span> 与 < div> 元素之间的所有祖先元素：
实例

$(document).ready(function(){$("span").parentsUntil("div");
});

20. jQuery 遍历 - 祖先相关推荐

jQuery 遍历|祖先
祖先是父.祖父或曾祖父等等. 通过 jQuery,您能够向上遍历 DOM 树,以查找元素的祖先. 向上遍历 DOM 树这些 jQuery 方法很有用,它们用于向上遍历 DOM 树: parent() ...
jQuery 遍历祖先元素
//parent() 方法返回被选元素的直接父元素.$(document).ready(function(){$("span").parent().css({"color ...
JQuery：JQuery遍历详解
JQuery:遍历一.什么是遍历? jQuery 遍历,意为"移动",用于根据其相对于其他元素的关系来"查找"(或选取)HTML 元素.以某项选择开始,并沿着 ...
前端 -＞ jQuery 遍历
文章目录 jQuery 遍历 - 祖先 jQuery parentsUntil() 方法 jQuery 遍历 - 后代 jQuery 遍历 - 同胞(siblings) jQuery 遍历- 过滤详 ...
jQuery遍历(1)
jQuery 遍历,意为"移动",用于根据其相对于其他元素的关系来"查找"(或选取)HTML 元素.以某项选择开始,并沿着这个选择移动,直到抵达您期望的元素为止 ...
jQuery 遍历方法总结
遍历方法有:1.add(),用于把元素添加到匹配元素的集合中:2.children(),用于返回被选元素的所有直接子元素:3.closest(),用于返回被选元素的第一个祖先元素:4.contents ...
jquery遍历多个li_21个jQuery遍历节点方法详解
本篇教程介绍了21个jQuery遍历节点方法详解,希望阅读本篇文章以后大家有所收获,帮助大家对jQuery的理解更加深入. < 1.children()方法:$('div').children( ...
jQuery 遍历 - closest() 方法
jQuery 遍历参考手册实例本例演示如何通过 closest() 完成事件委托.当被最接近的列表元素或其子后代元素被点击时,会切换黄色背景: $( document ).bind("c ...
jQuery 遍历方法
jQuery 遍历方法方法描述 add() 把元素添加到匹配元素的集合中 addBack() 把之前的元素集添加到当前集合中 andSelf() 在版本 1.8 中被废弃.addBack() 的别 ...
jquery遍历元素children、find、parent、parents、parentsUntil、next、prev、siblings、closest、filter、not
全栈工程师开发手册 (作者:栾鹏) jquery系列教程2-DOM操作全解 jquery遍历元素 jquery元素的函数包括children.find.parent.parents.parentsUn ...

20. jQuery 遍历 - 祖先

20. jQuery 遍历 - 祖先相关推荐

最新文章

热门文章