京东云服务器推荐配置、多种配置选择,满足不同业务需求!

热门推荐

⭐ 稳定入门选择

配置:2核2G/5M

适用场景:个人站点 / 轻量应用

特点:性价比高,稳定可靠

¥19/月
立即购买
流量友好

☁️ 轻量云主机

配置:2核4G 5M

适用场景:小型业务 / 博客 / 测试环境

特点:流量友好,性能均衡

¥149/年
立即购买
高性能

💻 云服务主机

配置:4核16G 8M

适用场景:中小型服务 / 多并发场景

特点:充足内存与带宽,性能强劲

¥750/年
立即购买
新人专享

🎁 新人福利

新人访问 → 点击 → 最新活动

可获取 3000元 礼券

立即领取
JavaScript / jQuery 教程 / jQuery 遍历
jQuery 祖先
jQuery 后代jQuery DOM遍历

jQuery 遍历 - 祖先

使用jQuery,我们可以轻松地遍历DOM树以查找元素的祖先。

祖先是父母,祖父母,曾祖父母等等。

在本章中,我们将解释如何遍历DOM树。

遍历DOM树

我们有以下jQuery方法,用于遍历DOM树:

  • parent()

  • parents()

  • parentsUntil()

本章将向您展示如何使用每种方法。

jQuery parent()方法

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

此方法仅在DOM树上向上移动一个级别。

下面的示例返回SPAN元素的直接父级:

div(曾祖父母)
div(祖父母)

p(直接父级)                  span

运行代码

您还可以使用可选参数来过滤搜索父项。

下面的示例返回每个段落具有“ selected”类的直接父元素:

$(document).ready(function(){
  $("p").parent(".selected").css("background", "coral");
});
测试看看‹/›

jQuery parents()方法

jQuery parents()方法返回所选元素的所有祖先元素。

此方法从父元素沿着DOM元素的祖先向上遍历,一直到文档的根元素(<html>)。

下面的示例返回SPAN元素的所有祖先:

body(曾曾祖父母)
div(曾祖父母)
div(祖父母)

p(直接父级)                  span

运行代码

jQuery ParentUntil()方法

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

下面的示例返回SPAN和BODY元素之间的所有祖先元素:

body(曾曾祖父母)
div(曾祖父母)
div(祖父母)

p(直接父级)                  span

运行代码

jQuery遍历参考

有关完整的遍历方法参考,请访问我们的jQuery遍历参考。

jQuery 后代jQuery DOM遍历
上一篇:jQuery DOM遍历
下一篇:jQuery 后代