jQuery 教程
1. jQuery 教程 2. jQuery 简介 3. jQuery 安装 4. jQuery 语法 5. jQuery 选择器 6. jQuery 事件 7. jQuery 效果 – 隐藏和显示 8. jQuery 效果 – 淡入淡出 9. jQuery 效果 – 滑动 10. jQuery 效果 – 动画 11. jQuery 效果 – 停止动画 12. jQuery Callback 方法 13. jQuery 链 14. jQuery 获取内容和属性 15. jQuery 设置内容和属性 16. jQuery 添加元素 17. jQuery 删除元素 18. jQuery 获取并设置 CSS 类 19. jQuery css() 方法 20. jQuery 尺寸 21. jQuery 遍历 22. jQuery 遍历 – 祖先 23. jQuery 遍历 – 后代 24. jQuery 遍历 – 同胞(siblings) 25. jQuery 遍历 – 过滤 26. jQuery AJAX 简介 27. jQuery – AJAX load() 方法 28. jQuery – AJAX get() 和 post() 方法 29. jQuery noConflict() 方法 30. jQuery 实例 31. jQuery 事件方法 32. jQuery 效果方法 33. jQuery HTML / CSS 方法 34. jQuery 遍历方法 35. jQuery AJAX 方法 36. jQuery 杂项方法 37. jQuery 属性

jQuery 遍历 – 祖先

jQuery 遍历 - 祖先


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

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


向上遍历 DOM 树

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

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

jQuery parent() 方法

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

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

下面的例子返回每个 <span> 元素的直接父元素:

实例

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

55面试教程网 »


jQuery parents() 方法

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

下面的例子返回所有 <span> 元素的所有祖先:

实例

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

55面试教程网 »

您也可以使用可选参数来过滤对祖先元素的搜索。

下面的例子返回所有 <span> 元素的所有祖先,并且它是 <ul> 元素:

实例

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

55面试教程网 »


jQuery parentsUntil() 方法

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

下面的例子返回介于 <span> 与 <div> 元素之间的所有祖先元素:

实例

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

55面试教程网 »