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 22 jQuery
jQuery插件FusionCharts实现的MSBar2D图效果示例【附demo源码】
Mar 24 jQuery
jquery单击文字或图片内容放大并居中显示
Jun 23 jQuery
jQuery选择器特殊字符与属性空格问题
Aug 14 jQuery
jQuery取得元素标签名称小结(附代码)
Aug 16 jQuery
jQuery时间戳和日期相互转换操作示例
Dec 07 jQuery
JQuery Ajax执行跨域请求数据的解决方案
Dec 10 jQuery
jquery制作的移动端购物车效果完整示例
Feb 24 jQuery
JQuery表单元素取值赋值方法总结
May 12 jQuery
Jquery cookie插件实现原理代码解析
Aug 04 jQuery
jQuery zTree如何改变指定节点文本样式
Oct 16 jQuery
jQuery实现移动端扭蛋机抽奖
Nov 08 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/03/18 PHP
PHP使用strtotime计算两个给定日期之间天数的方法
2015/03/18 PHP
ThinkPHP3.2框架自定义配置和加载用法示例
2018/06/14 PHP
解决laravel 表单提交-POST 异常的问题
2019/10/15 PHP
很好用的js日历算法详细代码
2013/03/07 Javascript
详解AngularJS中$http缓存以及处理多个$http请求的方法
2016/02/06 Javascript
javascript表单事件处理方法详解
2016/05/15 Javascript
只要1K 纯JS脚本送你一朵3D红色玫瑰
2016/08/09 Javascript
浅谈javascript中的Function和Arguments
2016/08/30 Javascript
Bootstrap php制作动态分页标签
2016/12/23 Javascript
原生JS实现图片翻书效果
2017/02/16 Javascript
vue的Virtual Dom实现snabbdom解密
2017/05/03 Javascript
Sublime Text新建.vue模板并高亮(图文教程)
2017/10/26 Javascript
JavaScript面试出现频繁的一些易错点整理
2018/03/29 Javascript
js异步接口并发数量控制的方法示例
2020/11/22 Javascript
在Python的Django框架中加载模版的方法
2015/07/16 Python
Python3调用微信企业号API发送文本消息代码示例
2017/11/10 Python
在Python 2.7即将停止支持时,我们为你带来了一份python 3.x迁移指南
2018/01/30 Python
python 拷贝特定后缀名文件,并保留原始目录结构的实例
2018/04/27 Python
pygame实现雷电游戏雏形开发
2018/11/20 Python
Python 3.6 中使用pdfminer解析pdf文件的实现
2019/09/25 Python
浅谈pytorch、cuda、python的版本对齐问题
2020/01/15 Python
Pycharm中Python环境配置常见问题解析
2020/01/16 Python
使用CSS媒体查询(Media Queries)和JavaScript判断浏览器设备类型的方法
2014/04/03 HTML / CSS
韩国现代百货官网:Hmall
2018/03/21 全球购物
ParcelABC西班牙:包裹运送和快递服务
2019/12/24 全球购物
古驰英国官网:GUCCI英国
2020/03/07 全球购物
描述RIP和OSPF区别以及特点
2015/01/17 面试题
个人求职简历的自我评价
2013/10/19 职场文书
办公室员工岗位工作职责
2014/03/10 职场文书
小学生评语大全
2014/04/18 职场文书
标准单位租车协议书
2014/09/23 职场文书
支部书记四风问题对照检查材料
2014/10/04 职场文书
合作合同协议书范本
2015/01/27 职场文书
在windows server 2012 r2中安装mysql的详细步骤
2022/07/23 Servers
js基于div丝滑实现贝塞尔曲线
2022/09/23 Javascript