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 tip提示插件(实例分享)
Apr 28 jQuery
jquery实现限制textarea输入字数的方法
Sep 06 jQuery
jquery实现图片跟随鼠标的实例
Oct 17 jQuery
jQuery简单实现对数组去重及排序操作实例
Oct 31 jQuery
jQuery简单实现的HTML页面文本框模糊匹配查询功能完整示例
May 09 jQuery
js与jQuery实现获取table中的数据并拼成json字符串操作示例
Jul 12 jQuery
jQuery实现的鼠标拖动浮层功能示例【拖动div等任何标签】
Dec 29 jQuery
jQuery实现的点击图片居中放大缩小功能示例
Jan 16 jQuery
如何使用Jquery动态生成二级选项列表
Feb 06 jQuery
jQuery 选择器用法实例分析【prev + next】
May 22 jQuery
jQuery实现B2B网站后台管理系统侧导航
Jul 08 jQuery
jQuery中getJSON跨域原理的深入讲解
Sep 02 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实现图片裁剪、添加水印效果代码
2014/10/01 PHP
PHP实现会员账号单唯一登录的方法分析
2019/03/07 PHP
js 鼠标点击事件及其它捕获
2009/06/04 Javascript
页面只有一个text的时候,回车自动submit的解决方法
2010/08/12 Javascript
客户端 使用XML DOM加载json数据的方法
2010/09/28 Javascript
js中parseFloat(参数1,参数2)定义和用法及注意事项
2013/01/27 Javascript
变量声明时命名与变量作为对象属性时命名的区别解析
2013/12/06 Javascript
js判断ie版本号的简单实现代码
2014/03/05 Javascript
JavaScript取得WEB安全颜色列表的方法
2015/07/14 Javascript
浅谈javascript中的call、apply、bind
2016/03/06 Javascript
深入浅析JavaScript中的作用域和上下文
2016/03/26 Javascript
基于JavaScript实现自定义滚动条
2017/01/25 Javascript
jquery实现刷新随机变化样式特效(tag标签样式)
2017/02/03 Javascript
vue-router跳转页面的方法
2017/02/09 Javascript
js实现上下左右弹框划出效果
2017/03/08 Javascript
NodeJS测试框架mocha入门教程
2017/03/28 NodeJs
NodeJS 实现多语言的示例代码
2018/09/11 NodeJs
微信小程序实现多选框全选与取消全选功能示例
2019/05/14 Javascript
uni-app 组件里面获取元素宽高的实现
2019/12/27 Javascript
Nodejs + sequelize 实现增删改查操作
2020/11/07 NodeJs
跟老齐学Python之画圈还不简单吗?
2014/09/20 Python
Pycharm学习教程(3) 代码运行调试
2017/05/03 Python
python打包生成的exe文件运行时提示缺少模块的解决方法
2018/10/31 Python
详解Python连接MySQL数据库的多种方式
2019/04/16 Python
对Python获取屏幕截图的4种方法详解
2019/08/27 Python
python基于opencv检测程序运行效率
2019/12/28 Python
Python3 元组tuple入门基础
2020/02/09 Python
python中entry用法讲解
2020/12/04 Python
伦敦最有品味的百货:Liberty London
2016/11/12 全球购物
新西兰珠宝品牌:Michael Hill
2017/09/16 全球购物
iPad和Surface Pro蓝牙键盘:Brydge
2018/11/10 全球购物
机修工岗位职责
2013/11/24 职场文书
销售员工作检讨书(推荐篇)
2014/10/18 职场文书
Python进阶学习之带你探寻Python类的鼻祖-元类
2021/05/08 Python
在Windows Server 2012上安装 .NET Framework 3.5 所遇到的问题
2022/04/29 Servers
MySQL中EXPLAIN语句及用法
2022/05/20 MySQL