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实现的背景颜色渐变动画效果示例
Mar 24 jQuery
jquery 校验中国身份证号码实例详解
Apr 11 jQuery
jQuery正则验证注册页面经典实例
Jun 10 jQuery
Django中使用jquery的ajax进行数据交互的实例代码
Oct 15 jQuery
jQuery.Sumoselect插件实现下拉复选框效果
Nov 09 jQuery
jQuery实现左右滑动的toggle方法
Mar 03 jQuery
jQuery利用FormData上传文件实现批量上传
Dec 04 jQuery
AJAX在JQuery中的应用详解
Jan 30 jQuery
JS/jQuery实现简单的开关灯效果【案例】
Feb 19 jQuery
jquery ui 实现 tab标签功能示例【测试可用】
Jul 25 jQuery
jQuery 函数实例分析【函数声明、函数表达式、匿名函数等】
May 19 jQuery
jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作示例
Jun 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 sprintf()函数让你的sql操作更安全
2008/07/23 PHP
php下载远程文件类(支持断点续传)
2008/11/14 PHP
php error_log 函数的使用
2009/04/13 PHP
PHP实现模仿socket请求返回页面的方法
2014/11/04 PHP
php第一次无法获取cookie问题处理
2014/12/15 PHP
php Session无效分析资料整理
2016/11/29 PHP
PHP sdk文档处理常用代码示例解析
2020/12/09 PHP
JavaScript EasyPager 分页函数
2011/05/25 Javascript
ajax java 实现自动完成功能
2012/12/19 Javascript
浅谈 jQuery 事件源码定位问题
2014/06/18 Javascript
js实现当前输入框高亮显示的方法
2015/08/19 Javascript
jQuery选择器基础入门教程
2016/05/10 Javascript
基于JavaScript实现回到页面顶部动画代码
2016/05/24 Javascript
jQuery使用getJSON方法获取json数据完整示例
2016/09/13 Javascript
微信小程序组件 contact-button(客服会话按钮)详解及实例代码
2017/01/10 Javascript
简单实现jQuery弹幕效果
2017/05/06 jQuery
jQuery实现获取及设置CSS样式操作详解
2018/09/05 jQuery
详解Vue依赖收集引发的问题
2019/04/22 Javascript
vue 实现搜索的结果页面支持全选与取消全选功能
2019/05/10 Javascript
[47:46]完美世界DOTA2联赛 Magma vs GXR 第三场 11.07
2020/11/10 DOTA
python实现排序算法解析
2018/09/08 Python
python读取文本中的坐标方法
2018/10/14 Python
Python字典推导式将cookie字符串转化为字典解析
2019/08/10 Python
django中的图片验证码功能
2019/09/18 Python
python 自动识别并连接串口的实现
2021/01/19 Python
纯css3实现思维导图样式示例
2018/11/01 HTML / CSS
Zalando Lounge瑞士:时尚与生活方式购物俱乐部
2020/03/12 全球购物
社团活动总结范文
2014/04/26 职场文书
史学专业毕业生求职信
2014/05/09 职场文书
会计学习心得体会
2014/09/09 职场文书
不服从上级领导安排的检讨书
2014/09/14 职场文书
售票员岗位职责
2015/02/15 职场文书
HTML+css盒子模型案例(圆,半圆等)“border-radius” 简单易上手
2021/05/10 HTML / CSS
JavaScript数组 几个常用方法总结
2021/11/11 Javascript
【js设计模式】SOLID五大设计原则
2022/03/24 Javascript
微软团队与 NASA 科学家和惠普企业(HPE)的工程师合作
2022/04/21 数码科技