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遮罩层实例讲解
May 11 jQuery
jQuery简单绑定单个事件的方法示例
Jun 10 jQuery
jquery实现限制textarea输入字数的方法
Sep 06 jQuery
jQuery EasyUI Layout实现tabs标签的实例
Sep 26 jQuery
jquery中有哪些api jQuery主要API
Nov 20 jQuery
jQuery实现的电子时钟效果完整示例
Apr 28 jQuery
jquery.param()实现数组或对象的序列化方法
Oct 08 jQuery
jQuery选择器之基本选择器用法实例分析
Feb 19 jQuery
jQuery实现聊天对话框
Feb 08 jQuery
jquery实现上传图片功能
Jun 29 jQuery
jQuery实现增删改查
Dec 22 jQuery
ajax jquery实现页面某一个div的刷新效果
Mar 04 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
基于PHP5魔术常量与魔术方法的详解
2013/06/13 PHP
YII框架批量插入数据的方法
2017/03/18 PHP
JSON JQUERY模板实现说明
2010/07/03 Javascript
JQuery实现表格动态增加行并对新行添加事件
2014/07/30 Javascript
使用JavaScript的AngularJS库编写hello world的方法
2015/06/23 Javascript
javascript事件绑定学习要点
2016/03/09 Javascript
JS事件添加和移出的兼容写法示例
2016/06/20 Javascript
轻松掌握JavaScript享元模式
2016/08/27 Javascript
微信小程序 获取相册照片实例详解
2016/11/16 Javascript
js将字符串中的每一个单词的首字母变为大写其余均为小写
2017/01/05 Javascript
Angular多选、全选、批量选择操作实例代码
2017/03/10 Javascript
jquery.masonry瀑布流效果
2017/05/25 jQuery
Vue Transition实现类原生组件跳转过渡动画的示例
2017/08/19 Javascript
clipboard.js在移动端复制失败的解决方法
2018/06/13 Javascript
微信小程序实现聊天对话(文本、图片)功能
2018/07/06 Javascript
基于Koa2写个脚手架模拟接口服务的方法
2018/11/27 Javascript
基于 jQuery 实现键盘事件监听控件
2019/04/04 jQuery
浅谈 Webpack 如何处理图片(开发、打包、优化)
2019/05/15 Javascript
微信小程序非跳转式组件授权登录的方法示例
2019/05/22 Javascript
原生js实现移动小球(碰撞检测)
2020/12/17 Javascript
剖析Python的Tornado框架中session支持的实现代码
2015/08/21 Python
python数据批量写入ScrolledText的优化方法
2018/10/11 Python
Python设计模式之职责链模式原理与用法实例分析
2019/01/11 Python
Python分析彩票记录并预测中奖号码过程详解
2019/07/09 Python
python腾讯语音合成实现过程解析
2019/08/01 Python
python3 requests库文件上传与下载实现详解
2019/08/22 Python
Python 网络编程之TCP客户端/服务端功能示例【基于socket套接字】
2019/10/12 Python
Java byte数组操纵方式代码实例解析
2020/07/22 Python
利用CSS3实现圆角的outline效果的教程
2015/06/05 HTML / CSS
澳大利亚个性化儿童礼品网站:Bright Star Kids
2019/06/14 全球购物
英语专业毕业个人求职自荐信
2013/09/21 职场文书
图书馆志愿者活动总结
2014/06/27 职场文书
理财计划书
2014/08/14 职场文书
大学军训自我鉴定大全
2014/09/18 职场文书
平安家庭事迹材料
2014/12/20 职场文书
教你怎么用python实现字符串转日期
2021/05/24 Python