JQuery学习之路Part8:家族树操作(查找祖先、后代、兄弟同胞、绝对查找)【完结】

这篇博客详细介绍了JQuery中如何操作家族树,包括向上寻找祖先元素(如直接父元素和所有祖先),向下寻找后代(直接子元素和所有后代),向周围寻找同胞元素(前一个、后一个、所有同胞),以及绝对位置查找(首个、最后一个、指定索引元素)。通过实例展示了各种选择器的用法。
摘要由CSDN通过智能技术生成

一、向上寻找

获取被选元素的直接父元素

语法:parent()
例:

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

获取被选元素的所有祖先元素

语法:parents()
一路向上直到文档的根元素 (<html>)

例一:
返回所有 <span> 元素的所有祖先

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

例二:
返回所有 <span> 元素的所有祖先 并且它们须是 <ul> 元素

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

获取介于两个给定元素之间的所有祖先元素

语法:parentsUntil()
例:
查找span标签的祖先元素 直到div标签

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

二、向下寻找

获取被选元素的后代元素

一路向下直到最后一个后代
语法:find()
相当于 $(“ul li”)(查找全部子孙)

例一:
返回 <div> 的所有后代

$(document)
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值