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 相关文章推荐
前端html中jQuery实现对文本的搜索功能并把搜索相关内容显示出来
Nov 14 jQuery
jQuery Datatables表头不对齐的解决办法
Nov 27 jQuery
jQuery中复合选择器简单用法示例
Mar 31 jQuery
jQuery中元素选择器(element)简单用法示例
May 14 jQuery
jQuery中将json数据显示到页面表格的方法
May 27 jQuery
Vue.js 通过jQuery ajax获取数据实现更新后重新渲染页面的方法
Aug 09 jQuery
基于jquery实现九宫格拼图小游戏
Nov 30 jQuery
jQuery zTree树插件的使用教程
Aug 16 jQuery
javascript(基于jQuery)实现鼠标获取选中的文字示例【测试可用】
Oct 26 jQuery
jQuery实现简易聊天框
Feb 08 jQuery
jQuery实现视频展示效果
May 30 jQuery
Jquery $.map使用方法实例详解
Sep 01 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排序算法(冒泡排序,快速排序)
2012/10/09 PHP
PHP 如何获取二维数组中某个key的集合
2014/06/03 PHP
php使用高斯算法实现图片的模糊处理功能示例
2016/11/11 PHP
JavaScript和JQuery实用代码片段(一)
2010/04/07 Javascript
jquery miniui 教程 表格控件 合并单元格应用
2012/11/25 Javascript
jquery.bgiframe.js在IE9下提示INVALID_CHARACTER_ERR错误
2013/01/11 Javascript
js调用webservice中的方法实现思路及代码
2013/02/25 Javascript
SeaJS入门教程系列之完整示例(三)
2014/03/03 Javascript
Vue 实用分页paging实例代码
2017/04/12 Javascript
详解ES6之用let声明变量以及let loop机制
2017/07/15 Javascript
BootStrap数据表格实例代码
2017/09/13 Javascript
vue2.0路由切换后页面滚动位置不变BUG的解决方法
2018/03/14 Javascript
简单了解JavaScript弹窗实现代码
2020/05/07 Javascript
详解三种方式在React中解决绑定this的作用域问题并传参
2020/08/18 Javascript
JavaScript中CreateTextFile函数
2020/08/30 Javascript
[01:33:59]真人秀《加油 DOTA》 第六期
2014/09/09 DOTA
python 输出一个两行字符的变量
2009/02/05 Python
python 对象和json互相转换方法
2018/03/22 Python
python3.6.3安装图文教程 TensorFlow安装配置方法
2020/06/24 Python
Python实用库 PrettyTable 学习笔记
2019/08/06 Python
python GUI库图形界面开发之PyQt5动态加载QSS样式文件
2020/02/25 Python
python和pywin32实现窗口查找、遍历和点击的示例代码
2020/04/01 Python
日本非常有名的内衣丝袜品牌:GUNZE
2017/01/06 全球购物
小女主人连衣裙:Little Mistress
2017/07/10 全球购物
美国在线打印网站:Overnight Prints
2018/10/11 全球购物
英国领先的在线高尔夫商店:Gamola Golf
2019/11/16 全球购物
Under Armour安德玛意大利官网:美国高端运动科技品牌
2020/01/16 全球购物
2014年国庆节活动总结
2014/08/26 职场文书
2014年酒店前台工作总结
2014/11/14 职场文书
2014年学生资助工作总结
2014/12/18 职场文书
2014年教研员工作总结
2014/12/23 职场文书
家长通知书家长意见
2014/12/30 职场文书
培训感想范文
2015/08/07 职场文书
2016年端午节红领巾广播稿
2015/12/18 职场文书
祝福语集锦:朋友新店开业祝福语
2019/12/10 职场文书
CSS3 Tab动画实例之背景切换动态效果
2021/08/23 HTML / CSS