jQuery获取所有父级元素及同级元素及子元素的方法(推荐)
更新时间：2018年01月21日 08:49:50 作者：东窗凝残月
这篇文章主要介绍了jQuery获取所有父级元素及同级元素及子元素的方法，本文给大家介绍的非常详细，具有参考借鉴价值 ,需要的朋友可以参考下
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中判断一个元素下面是否有内容或者有某个标签的判断代码
网站开发时，我们时常需要把没有内容的标签隐藏或者去掉。在用JQ有两种好的解决办法2012-02-02
任务需要,就写了一个jQuery新闻滚动插件jquery.roller.js,功能相对比较简单,可能往后会加入ajax一段时间轮询 动态加载的功能.下面直接给出源代码,如果需要可以直接下载2011-06-06
这篇文章主要介绍了jQuery实现的经典竖向伸缩菜单效果代码,通过jQuery响应鼠标事件遍历页面元素实现伸缩菜单的效果,非常简单实用,需要的朋友可以参考下2015-09-09
这篇文章主要介绍了jQuery中insertAfter()方法用法,实例分析了insertAfter()方法的功能、定义及匹配的元素插入到另一个指定的元素集合后面的使用技巧,需要的朋友可以参考下2015-01-01
复制节点也是常用的DOM操作之一，例如很多购物网站的效果,本文将介绍jQuery移动和复制dom节点等实用DOM操作，有需的朋友可以参考下2012-12-12
属性选择符就是通过HTML元素的属性选择元素。如获取所有链接的TITLE属性，可以用$('a[title]')2011-04-04
最近再做价值中国微博，从用户体验的角度，将很多常用的window.alert或者window.confirm之类比较生硬死板冷不丁的提示改为弹出层的方式实现。2010-10-10
本代码将实现以下样式及功能：日历标题背景色、日历标题字体色、日历背景色、日历字体色、假日字体色、背景水印色、是否显示上月和下月的日期，感兴趣的朋友可以了解下哈2013-04-04
给artDialog 5.02 增加ajax get功能详细介绍
本文将详细介绍给artDialog 5.02 增加ajax get功能的方法，按兴趣的朋友可以参考2012-11-11
改善你的jQuery的25个步骤 -- 从头看完会有无数收获,千倍级效率提升2010-02-02
最新评论