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插件FusionWidgets实现的Bulb图效果示例【附demo源码下载】
Mar 23 jQuery
jQuery封装placeholder效果实现方法,让低版本浏览器支持该效果
Jul 08 jQuery
基于jQuery Easyui实现登陆框界面
Jul 10 jQuery
jQuery常用选择器详解
Jul 17 jQuery
jQuery实现腾讯信用界面(自制刻度尺)样式
Aug 15 jQuery
jQuery菜单实例(全选,反选,取消)
Aug 28 jQuery
jQuery实现滚动效果
Nov 17 jQuery
jquery中有哪些api jQuery主要API
Nov 20 jQuery
jQuery niceScroll滚动条错位问题的解决方法
Feb 03 jQuery
通过jquery.cookie.js实现记住用户名、密码登录功能
Jun 20 jQuery
jquery+css实现Tab栏切换的代码实例
May 14 jQuery
jQuery实现广告显示和隐藏动画
Jul 04 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 adodb分页实现代码
2009/03/19 PHP
php不允许用户提交空表单(php空值判断)
2013/11/12 PHP
利用PHP自动生成印有用户信息的名片
2016/08/01 PHP
三个思路解决laravel上传文件报错:413 Request Entity Too Large问题
2017/11/13 PHP
Js callBack 返回前一页的js方法
2008/11/30 Javascript
一个简单的js树形菜单
2011/12/09 Javascript
jquery图片切换插件
2015/03/16 Javascript
JavaScript调用客户端Java程序的方法
2015/07/27 Javascript
jQuery的remove()方法使用详解
2015/08/11 Javascript
JavaScript创建对象的方式小结(4种方式)
2015/12/17 Javascript
jQuery Html控件基本操作(日常收集整理)
2016/03/11 Javascript
JavaScript事件学习小结(三)js事件对象
2016/06/09 Javascript
Node.js  事件循环详解及实例
2017/08/06 Javascript
vue组件之间数据传递的方法实例分析
2019/02/12 Javascript
详解vue几种主动刷新的方法总结
2019/02/19 Javascript
原生js实现针对Dom节点的CRUD操作示例
2019/08/26 Javascript
layui表格 返回的数据状态异常的解决方法
2019/09/10 Javascript
详解小程序如何改变onLoad的执行时机
2019/11/01 Javascript
基于jsbarcode 生成条形码并将生成的条码保存至本地+源码
2020/04/27 Javascript
[02:47]DOTA2英雄基础教程 野性怒吼兽王
2013/12/05 DOTA
Python实现的百度站长自动URL提交小工具
2014/06/27 Python
Python单链表简单实现代码
2016/04/27 Python
Python中一行和多行import模块问题
2018/04/01 Python
python pandas dataframe 行列选择,切片操作方法
2018/04/10 Python
win10 64bit下python NLTK安装教程
2018/09/19 Python
python 安装移动复制第三方库操作
2020/07/13 Python
纽约著名的服装辅料来源:M&J Trimming
2017/07/26 全球购物
德国净水壶和滤芯品牌:波尔德PearlCo(家用净水器)
2020/04/29 全球购物
演讲稿怎么写
2014/01/07 职场文书
大学社团计划书
2014/05/01 职场文书
优秀语文教师事迹
2014/05/18 职场文书
工商管理专业自荐信
2014/06/03 职场文书
2015年度员工自我评价范文
2015/03/11 职场文书
捐款仪式主持词
2015/07/04 职场文书
2016年春季开学典礼新闻稿
2015/11/25 职场文书
我们认为中短波广播场强仪的最佳组合
2022/04/05 无线电