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 相关文章推荐
Angular2使用jQuery的方法教程
May 28 jQuery
jQuery Ajax 实现分页 kkpager插件实例代码
Aug 10 jQuery
JS和JQuery实现雪花飘落效果
Nov 30 jQuery
jQuery实现的简单图片轮播效果完整示例
Feb 08 jQuery
jquery 实现拖动文件上传加载进度条功能
Mar 18 jQuery
jQuery实现获取选中复选框的值实例详解
Jun 28 jQuery
在vue项目中使用Jquery-contextmenu插件的步骤讲解
Jan 27 jQuery
jQuery创建折叠式菜单
Jun 15 jQuery
jQuery实现文本显示一段时间后隐藏的方法分析
Jun 20 jQuery
jQuery实现的图片点击放大缩小功能案例
Jan 02 jQuery
jQuery编写QQ简易聊天框
Aug 27 jQuery
jQuery实现鼠标拖拽登录框移动效果
Sep 13 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
十大感人催泪爱情动漫 第一名至今不忍在看第二遍
2020/03/04 日漫
支持oicq头像的留言簿(二)
2006/10/09 PHP
一些需要禁用的PHP危险函数(disable_functions)
2012/02/23 PHP
php判断电脑访问、手机访问的例子
2014/05/10 PHP
php 实现一个字符串加密解密的函数实例代码
2016/11/01 PHP
thinkPHP5项目中实现QQ第三方登录功能
2017/10/20 PHP
脚本吧 - 幻宇工作室用到js,超强推荐expand.js
2006/12/23 Javascript
msn上的tab功能Firefox对childNodes处理的一个BUG
2008/01/21 Javascript
JavaScript调用Activex控件的事件的实现方法
2010/04/11 Javascript
再谈javascript图片预加载技术(详细演示)
2011/03/12 Javascript
从js向Action传中文参数出现乱码问题的解决方法
2013/12/29 Javascript
jQuery实现带动画效果的二级下拉导航方法
2015/03/11 Javascript
Bootstrap入门书籍之(四)菜单、按钮及导航
2016/02/17 Javascript
bootstrap模态框垂直居中效果
2016/12/03 Javascript
详解Vue.js入门环境搭建
2017/03/17 Javascript
基于react框架使用的一些细节要点的思考
2017/05/31 Javascript
通过一次报错详细谈谈Point事件
2018/05/17 Javascript
vue项目创建并引入饿了么elementUI组件的步骤
2019/04/11 Javascript
深入理解 JS 垃圾回收
2019/06/03 Javascript
layui多iframe页面控制定时器运行的方法
2019/09/05 Javascript
[08:08]2014DOTA2国际邀请赛中国区预选赛精彩TOPPLAY
2014/06/25 DOTA
使用python编写批量卸载手机中安装的android应用脚本
2014/07/21 Python
Python 两个列表的差集、并集和交集实现代码
2016/09/21 Python
深入理解Python中变量赋值的问题
2017/01/12 Python
基于python3 类的属性、方法、封装、继承实例讲解
2017/09/19 Python
python调用百度语音识别实现大音频文件语音识别功能
2018/08/30 Python
Python 列表推导式需要注意的地方
2020/10/23 Python
python 实现简单的计算器(gui界面)
2020/11/11 Python
css和css3弹性盒模型实现元素宽度(高度)自适应
2019/05/15 HTML / CSS
印尼穆斯林时尚购物网站:Hijabenka
2016/12/10 全球购物
西班牙土拨鼠床垫公司,感觉在云端:Marmota
2019/03/18 全球购物
既然说Ruby中一切都是对象,那么Ruby中类也是对象吗
2013/01/26 面试题
社团文化节策划书
2014/02/01 职场文书
总经理岗位职责描述
2014/02/08 职场文书
学雷锋演讲稿
2014/03/04 职场文书
社区矫正工作方案
2014/06/04 职场文书