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插件FusionCharts绘制的2D双面积图效果示例【附demo源码】
Apr 11 jQuery
jQuery实现动态生成表格并为行绑定单击变色动作的方法
Apr 17 jQuery
详解jQuery同步Ajax带来的UI线程阻塞问题及解决办法
Aug 09 jQuery
关于JS与jQuery中的文档加载问题
Aug 22 jQuery
jQuery实现注册会员时密码强度提示信息功能示例
Sep 05 jQuery
jquery实现用户登陆界面(示例讲解)
Sep 06 jQuery
jquery根据name取得select选中的值实例(超简单)
Jan 25 jQuery
jQuery+koa2实现简单的Ajax请求的示例
Mar 06 jQuery
vue+jquery+lodash实现滑动时顶部悬浮固定效果
Apr 28 jQuery
jQuery实现的监听导航滚动置顶状态功能示例
Jul 23 jQuery
超好用的jQuery分页插件jpaginate用法示例【附源码下载】
Dec 06 jQuery
jQuery与原生JavaScript选择HTML元素集合用法对比分析
Nov 26 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数字格式化
2006/12/06 PHP
用PHP读取flv文件的播放时间长度
2009/09/03 PHP
Symfony2创建页面实例详解
2016/03/18 PHP
php英文单词统计器
2016/06/23 PHP
PHP封装的分页类与简单用法示例
2019/02/25 PHP
php反射学习之不用new方法实例化类操作示例
2019/06/14 PHP
php菜单/评论数据递归分级算法的实现方法
2019/08/01 PHP
左侧是表头的JS表格控件(自写,网上没有的)
2013/06/04 Javascript
JavaScript中双叹号(!!)作用示例介绍
2014/04/10 Javascript
在Python中使用glob模块查找文件路径的方法
2015/06/17 Javascript
JavaScript学习笔记(三):JavaScript也有入口Main函数
2015/09/12 Javascript
vue 项目中当访问路由不存在的时候默认访问404页面操作
2020/08/31 Javascript
python根据给定文件返回文件名和扩展名的方法
2015/03/27 Python
Python爬虫爬取美剧网站的实现代码
2016/09/03 Python
HTML中使用python屏蔽一些基本功能的方法
2017/07/07 Python
Tensorflow之构建自己的图片数据集TFrecords的方法
2018/02/07 Python
tensorflow实现KNN识别MNIST
2018/03/12 Python
Django2.1.3 中间件使用详解
2018/11/26 Python
OpenCV模板匹配matchTemplate的实现
2019/10/18 Python
Python常用模块logging——日志输出功能(示例代码)
2019/11/20 Python
python如何实现复制目录到指定目录
2020/02/13 Python
Python 解析pymysql模块操作数据库的方法
2020/02/18 Python
python speech模块的使用方法
2020/09/09 Python
css3 border-image使用说明
2010/06/23 HTML / CSS
详解html5 shiv.js和respond.min.js
2018/01/24 HTML / CSS
iHerb俄罗斯:维生素、补品和天然产品
2020/07/09 全球购物
10条PHP编程习惯
2014/05/26 面试题
银行会计职员个人的自我评价
2013/09/29 职场文书
中介业务员岗位职责
2014/04/09 职场文书
专业见习报告范文
2014/11/03 职场文书
2014年大学生村官工作总结
2014/11/19 职场文书
三方协议书
2015/01/27 职场文书
酒店辞职书范文
2015/02/26 职场文书
幼儿园教师师德承诺书
2015/04/28 职场文书
Python爬虫数据的分类及json数据使用小结
2021/03/29 Python
vue点击弹窗自动触发点击事件的解决办法(模拟场景)
2021/05/25 Vue.js