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 EasyUI 组件加上清除功能的方法(详解)
Apr 13 jQuery
js案例之鼠标跟随jquery版(实例讲解)
Jul 21 jQuery
jQuery dateRangePicker插件使用方法详解
Jul 28 jQuery
jquery实现图片跟随鼠标的实例
Oct 17 jQuery
jQuery中元素选择器(element)简单用法示例
May 14 jQuery
20个最常见的jQuery面试问题及答案
May 23 jQuery
jQuery实现动态添加和删除input框代码实例
Mar 29 jQuery
jQuery动态生成的元素绑定事件操作实例分析
May 04 jQuery
JQuery样式操作、click事件以及索引值-选项卡应用示例
May 14 jQuery
jQuery Ajax async=>false异步改为同步时,解决导致浏览器假死的问题
Jul 22 jQuery
jQuery实现可编辑的表格
Dec 11 jQuery
jQuery实现开关灯效果
Aug 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的远程图片抓取函数分享
2013/09/25 PHP
php中创建和调用webservice接口示例
2014/07/25 PHP
PHP SESSION跨页面传递失败解决方案
2020/12/11 PHP
js parseInt("08")未指定进位制问题
2010/06/19 Javascript
js调用css属性写法
2013/09/21 Javascript
Javascript实现简单的富文本编辑器附演示
2014/06/16 Javascript
探究Javascript模板引擎mustache.js使用方法
2016/01/26 Javascript
jQuery文件上传控件 Uploadify 详解
2016/06/20 Javascript
详解BootStrap中Affix控件的使用及保持布局的美观的方法
2016/07/08 Javascript
微信小程序的分类页面制作
2017/06/27 Javascript
基于Vuejs和Element的注册插件的编写方法
2017/07/03 Javascript
微信小程序icon组件使用详解
2018/01/31 Javascript
浅谈Vue CLI 3结合Lerna进行UI框架设计
2019/04/14 Javascript
微信h5静默和非静默授权获取用户openId的方法和步骤
2020/06/08 Javascript
在Vue中使用HOC模式的实现
2020/08/23 Javascript
vue使用过滤器格式化日期
2021/01/20 Vue.js
[04:27]DOTA2官方论坛水友赛集锦
2013/09/16 DOTA
python 七种邮件内容发送方法实例
2014/04/22 Python
Python实现程序的单一实例用法分析
2015/06/03 Python
基于Python中capitalize()与title()的区别详解
2017/12/09 Python
Python安装模块的常见问题及解决方法
2018/02/05 Python
python属于软件吗
2020/06/18 Python
使用Python中tkinter库简单gui界面制作及打包成exe的操作方法(二)
2020/10/12 Python
用CSS禁用输入法(CSS3 UI规范)实例解析
2012/12/04 HTML / CSS
详解Html5 监听拦截Android返回键方法
2018/04/18 HTML / CSS
使用placeholder属性设置input文本框的提示信息
2020/02/19 HTML / CSS
美国电子产品折扣网站:Daily Steals
2017/05/20 全球购物
美国存储和组织商店:The Container Store
2017/08/16 全球购物
青年文明号复核材料
2014/02/11 职场文书
英语国培研修感言
2014/02/13 职场文书
专业求职信撰写要诀
2014/02/18 职场文书
“四风”问题整改措施和努力方向
2014/09/20 职场文书
迟到检讨书2000字(精选篇)
2014/10/07 职场文书
幼儿园春季开学通知
2015/07/16 职场文书
未来,这5大方向都很适合创业
2019/07/22 职场文书
Elasticsearch 数据类型及管理
2022/04/19 Python