jQuery获取所有父级元素及同级元素及子元素的方法(推荐)


Posted in jQuery onJanuary 21, 2018

1.获取父级元素

$("#id").parent()

获取其父级元素

$("#id").parents()

获取其所有的祖先元素

$("#id").closest()

获取其最近的祖先元素,依次上溯

--------------------------------------------------------------------------------

2.获取同级元素

$("#id").next(selector)

获得匹配元素紧邻的下一个同胞元素。如果提供选择器,则取回匹配该选择器的下一个同胞元素。

$("#id").nextAll(selector)

获得匹配元素后面的所有同胞元素,由选择器筛选是可选的。

$("#id").prev(selector)

获得匹配元素紧邻的前一个同胞元素(与next相反)

$("#id").prevAll(selector)

获得当前匹配元素前面的所有同胞元素(与nextAll相反)

--------------------------------------------------------------------------------

3.获取子元素

$("#id").children(selector)

返回匹配元素的子元素,添加可选参数可通过选择器进行过滤。

$("#id").find(selector)

获得当前元素的后代

总结

以上所述是小编给大家介绍的jQuery获取所有父级元素及同级元素及子元素的方法,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

jQuery 相关文章推荐
jQuery鼠标悬停内容动画切换效果
Apr 27 jQuery
浅谈事件冒泡、事件委托、jQuery元素节点操作、滚轮事件与函数节流
Jul 22 jQuery
jQuery length 和 size()区别总结
Apr 26 jQuery
jQuery实现的滑块滑动导航效果示例
Jun 04 jQuery
jQuery实现轮播图及其原理详解
Apr 12 jQuery
jQuery常见的遍历DOM操作详解
Sep 05 jQuery
jQuery实现点击图标div循环放大缩小功能
Sep 30 jQuery
jQuery中实现text()的方法
Apr 04 jQuery
javascript异步处理与Jquery deferred对象用法总结
Jun 04 jQuery
jquery validate 实现动态增加/删除验证规则操作示例
Oct 28 jQuery
Jquery异步上传文件代码实例
Nov 13 jQuery
jQuery实现中奖播报功能(让文本滚动起来) 简单设置数值即可
Mar 20 jQuery
jquery实现点击a链接,跳转之后,该a链接处显示背景色的方法
Jan 18 #jQuery
基于jquery的on和click的区别详解
Jan 15 #jQuery
vue-cli webpack 引入jquery的方法
Jan 10 #jQuery
jQuery第一次运行页面默认触发点击事件的实例
Jan 10 #jQuery
Vue+jquery实现表格指定列的文字收缩的示例代码
Jan 09 #jQuery
如何快速解决JS或Jquery ajax异步跨域的问题
Jan 08 #jQuery
jQuery+SpringMVC中的复选框选择与传值实例
Jan 08 #jQuery
You might like
php array_walk() 数组函数
2011/07/12 PHP
CodeIgniter配置之autoload.php自动加载用法分析
2016/01/20 PHP
载入进度条 效果
2006/07/08 Javascript
一个对于js this关键字的问题
2007/01/09 Javascript
js简单的弹出框有关闭按钮
2014/05/05 Javascript
jQuery实现带滚动导航效果的全屏滚动相册实例
2015/06/19 Javascript
Angular学习笔记之angular的$filter服务浅析
2016/11/12 Javascript
JS实现可视化文件上传
2018/09/08 Javascript
浅析js中mvvm模式实现的原理
2018/10/06 Javascript
使用Vue.js 和Chart.js制作绚丽多彩的图表
2019/06/15 Javascript
微信小程序如何获取群聊的openGid以及名称详解
2019/07/17 Javascript
关于vue里页面的缓存详解
2019/11/04 Javascript
js获取本日、本周、本月的时间代码
2020/02/01 Javascript
es6函数中的作用域实例分析
2020/04/18 Javascript
jQuery 添加元素和删除元素的方法
2020/07/15 jQuery
tornado捕获和处理404错误的方法
2014/02/26 Python
python使用wxpython开发简单记事本的方法
2015/05/20 Python
python使用clear方法清除字典内全部数据实例
2015/07/11 Python
对Python进行数据分析_关于Package的安装问题
2017/05/22 Python
Tensorflow实现卷积神经网络的详细代码
2018/05/24 Python
python中ImageTk.PhotoImage()不显示图片却不报错问题解决
2018/12/06 Python
浅谈python编译pyc工程--导包问题解决
2019/03/20 Python
python爬虫多次请求超时的几种重试方法(6种)
2020/12/01 Python
linux系统下pip升级报错的解决方法
2021/01/31 Python
HTML5中通过li-canvas轻松实现单图、多图、圆角图绘制,单行文字、多行文字等
2018/11/30 HTML / CSS
美国家具网站:Cymax
2016/09/17 全球购物
秋季运动会表扬稿
2014/01/16 职场文书
2014年机关植树节活动方案
2014/02/27 职场文书
小学生家长寄语
2014/04/02 职场文书
中层干部竞聘演讲稿
2014/05/15 职场文书
劳动纠纷调解协议书格式
2014/11/30 职场文书
幼儿园教师节感谢信
2015/01/23 职场文书
乌镇导游词
2015/02/02 职场文书
校长新学期寄语2016
2015/12/04 职场文书
公文格式,规则明细(新手收藏)
2019/07/23 职场文书
用Python编写简单的gRPC服务的详细过程
2021/07/04 Python