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 submit()不能提交表单的解决方法
Apr 24 jQuery
JS jQuery使用正则表达式去空字符的简单实现代码
May 20 jQuery
运用jQuery写的验证表单(实例讲解)
Jul 06 jQuery
jQuery基于cookie实现换肤功能实例
Oct 14 jQuery
JQuery实现table中tr上移下移的示例(超简单)
Jan 08 jQuery
jQuery实现鼠标移入移出事件切换功能示例
Sep 06 jQuery
Jquery和CSS实现选择框重置按钮功能
Nov 08 jQuery
jQuery实现的鼠标拖动浮层功能示例【拖动div等任何标签】
Dec 29 jQuery
js/jquery遍历对象和数组的方法分析【forEach,map与each方法】
Feb 27 jQuery
jquery实现二级导航下拉菜单效果实例
May 14 jQuery
jQuery创建折叠式菜单
Jun 15 jQuery
jQuery-App输入框实现实时搜索
Nov 19 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
一键删除顽固的空文件夹 软件下载
2007/01/26 PHP
php 获取文件行数的方法总结
2016/10/11 PHP
浅析PHP开发规范
2018/02/05 PHP
Laravel 类和接口注入相关的代码
2019/10/15 PHP
Javascript 命名空间模式
2013/11/01 Javascript
javascript中怎么做对象的类型判断
2013/11/11 Javascript
jquery.form.js用法之清空form的方法
2014/03/07 Javascript
node.js中的Socket.IO使用实例
2014/11/04 Javascript
JavaScript实现自动消除按钮功能的方法
2015/08/05 Javascript
浅谈使用MVC模式进行JavaScript程序开发
2015/11/10 Javascript
Node.js的npm包管理器基础使用教程
2016/05/26 Javascript
Node.js和Express简单入门介绍
2017/03/24 Javascript
vue滚动轴插件better-scroll使用详解
2017/10/17 Javascript
js实现把时间戳转换为yyyy-MM-dd hh:mm 格式(es6语法)
2017/12/28 Javascript
小程序实现上传视频功能
2020/08/18 Javascript
Python中动态获取对象的属性和方法的教程
2015/04/09 Python
Python日志模块logging简介
2015/04/13 Python
python在windows下创建隐藏窗口子进程的方法
2015/06/04 Python
python实现的系统实用log类实例
2015/06/30 Python
python利用re,bs4,requests模块获取股票数据
2019/07/29 Python
django解决订单并发问题【推荐】
2019/07/31 Python
关于Tensorflow使用CPU报错的解决方式
2020/02/05 Python
Python selenium爬取微博数据代码实例
2020/05/22 Python
Python自动登录QQ的实现示例
2020/08/28 Python
跑步、骑行和铁人三项的高性能眼镜和服装:ROKA
2018/07/06 全球购物
香港交友网站:be2香港
2018/07/22 全球购物
T3官网:头发造型工具
2019/12/26 全球购物
物业管理专业个人的自我评价
2013/11/19 职场文书
在校学生职业规划范文
2014/01/08 职场文书
检察官就职演讲稿
2014/01/13 职场文书
基层党员对照检查材料
2014/08/25 职场文书
党员对照检查材料思想汇报
2014/09/16 职场文书
合伙经营协议书范本(通用版)
2014/12/03 职场文书
2015庆祝七一建党节94周年活动总结
2015/03/20 职场文书
Python绘制地图神器folium的新人入门指南
2021/05/23 Python
go select编译期的优化处理逻辑使用场景分析
2021/06/28 Golang