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实现的Ajax 验证用户名唯一性实例代码
Jun 28 jQuery
jQuery实现简单的回到顶部totop功能示例
Oct 16 jQuery
Angular5中调用第三方库及jQuery的添加的方法
Jun 07 jQuery
jQuery实现获取选中复选框的值实例详解
Jun 28 jQuery
jQuery中常用动画效果函数知识点整理
Aug 19 jQuery
jQuery移动端跑马灯抽奖特效升级版(抽奖概率固定)实现方法
Jan 18 jQuery
AJAX在JQuery中的应用详解
Jan 30 jQuery
通过jQuery学习js类型判断的技巧
May 27 jQuery
javascript异步处理与Jquery deferred对象用法总结
Jun 04 jQuery
jquery+ajax实现上传图片并显示上传进度功能【附php后台接收】
Jun 06 jQuery
jQuery实现判断滚动条滚动到document底部的方法分析
Aug 27 jQuery
jQuery操作元素追加内容示例
Jan 10 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
世界咖啡生产者论坛呼吁:需要立即就咖啡价格采取认真行动
2021/03/06 咖啡文化
PHP+APACHE实现网址伪静态
2015/02/22 PHP
php实现网页上一页下一页翻页过程详解
2019/06/28 PHP
javascript中的绑定与解绑函数应用示例
2013/06/24 Javascript
现代 JavaScript 开发编程风格Idiomatic.js指南中文版
2014/05/28 Javascript
jquery浏览器滚动加载技术实现方案
2014/06/03 Javascript
javascript中加号(+)操作符的一些神奇作用
2014/06/06 Javascript
JavaScript和JQuery的鼠标mouse事件冒泡处理
2015/06/19 Javascript
Window.Open打开窗体和if嵌套代码
2016/04/15 Javascript
Bootstrap3 input输入框插入glyphicon图标的方法
2016/05/16 Javascript
BootStrap的Datepicker控件使用心得分享
2016/05/25 Javascript
js 获取站点应用名的简单实例
2016/08/18 Javascript
Vue中添加过渡效果的方法
2017/03/16 Javascript
如何理解Vue的render函数的具体用法
2017/08/30 Javascript
Node.JS使用Sequelize操作MySQL的示例代码
2017/10/09 Javascript
浅谈React + Webpack 构建打包优化
2018/01/23 Javascript
手写Node静态资源服务器的实现方法
2018/03/20 Javascript
jQuery实现监听下拉框选中内容发生改变操作示例
2018/07/13 jQuery
配置一个vue3.0项目的完整步骤
2019/04/26 Javascript
vue中对象数组去重的实现
2020/02/06 Javascript
JavaScript canvas绘制圆弧与圆形
2020/02/18 Javascript
uniapp,微信小程序中使用 MQTT的问题
2020/07/11 Javascript
[53:10]Secret vs Pain 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
pyv8学习python和javascript变量进行交互
2013/12/04 Python
使用python调用zxing库生成二维码图片详解
2017/01/10 Python
对Python 2.7 pandas 中的read_excel详解
2018/05/04 Python
Python文件监听工具pyinotify与watchdog实例
2018/10/15 Python
python实现合并两个排序的链表
2019/03/03 Python
python代码实现图书管理系统
2020/11/30 Python
美国知名的网上鞋类及相关服装零售商:Shoes.com
2017/05/06 全球购物
size?爱尔兰官方网站:英国伦敦的球鞋精品店
2019/03/31 全球购物
介绍一下Java的安全机制
2012/06/28 面试题
新闻发布会主持词
2014/03/28 职场文书
励志演讲稿200字
2014/08/21 职场文书
Python开发简易五子棋小游戏
2022/05/02 Python
python神经网络Xception模型
2022/05/06 Python