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 11 jQuery
jQuery插件开发发送短信倒计时功能代码
May 09 jQuery
jquery处理checkbox(复选框)是否被选中实例代码
Jun 12 jQuery
jquery实现企业定位式导航效果
Jan 01 jQuery
jQuery简单判断值是否存在于数组中的方法示例
Apr 17 jQuery
jQuery实现经典的网页3D轮播图封装功能【附源码下载】
Feb 15 jQuery
jQuery属性选择器用法实例分析
Jun 28 jQuery
jquery 回调操作实例分析【回调成功与回调失败的情况】
Sep 27 jQuery
Jquery属性的获取/设置及样式添加/删除操作技巧分析
Dec 23 jQuery
jQuery操作事件完整实例分析
Jan 10 jQuery
jquery实现图片无缝滚动 蒙版遮蔽效果
Jan 11 jQuery
JQuery实现折叠式菜单的详细代码
Jun 03 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生成条形码的图片的实例详解
2017/09/13 PHP
javascript 四则运算精度修正函数代码
2010/05/31 Javascript
jquery实现的鼠标拖动排序Li或Table
2014/05/04 Javascript
基于jQuery实现美观且实用的倒计时实例代码
2015/12/30 Javascript
JavaScript+html5 canvas绘制的小人效果
2016/01/27 Javascript
JS动态插入并立即执行回调函数的方法
2016/04/21 Javascript
浅谈JavaScript中promise的使用
2017/01/11 Javascript
jQuery实现元素的插入
2017/02/27 Javascript
bootstrap+jQuery实现的动态进度条功能示例
2017/05/25 jQuery
Angular2入门教程之模块和组件详解
2017/05/28 Javascript
jQuery Easyui Treegrid实现显示checkbox功能
2017/08/08 jQuery
微信小程序实现页面跳转传值以及获取值的方法分析
2017/12/18 Javascript
p5.js入门教程和基本形状绘制
2018/03/15 Javascript
ng-alain表单使用方式详解
2018/07/10 Javascript
node和vue实现商城用户地址模块
2018/12/05 Javascript
微信小程序实现判断是分享到群还是个人功能示例
2019/05/03 Javascript
Python实现豆瓣图片下载的方法
2015/05/25 Python
Python函数式编程指南(二):从函数开始
2015/06/24 Python
Python实现线性判别分析(LDA)的MATLAB方式
2019/12/09 Python
如何在windows下安装Pycham2020软件(方法步骤详解)
2020/05/03 Python
缓解脚、腿和背部疼痛:Z-CoiL鞋
2019/03/12 全球购物
澳大利亚最超值的自行车之家:Reid Cycles
2019/03/24 全球购物
Linux不知道文件后缀名怎么判断文件类型
2014/08/21 面试题
高中美术教学反思
2014/01/19 职场文书
涉外离婚协议书怎么写
2014/11/20 职场文书
学术会议通知
2015/04/15 职场文书
2015年保险公司工作总结
2015/04/24 职场文书
考生诚信考试承诺书
2015/04/29 职场文书
道歉情书大全
2015/05/12 职场文书
刑事附带民事起诉状
2015/05/19 职场文书
城南旧事观后感
2015/06/11 职场文书
早上好问候语大全
2015/11/10 职场文书
详解Laravel制作API接口
2021/05/31 PHP
Python基础之变量的相关知识总结
2021/06/23 Python
详解Java分布式事务的 6 种解决方案
2021/06/26 Java/Android
python基础之函数的定义和调用
2021/10/24 Python