位置: 编程技术 - 正文
jQuery获取父元素节点、子元素节点及兄弟元素节点的方法(jquery 获取父元素的子元素)
编辑：rootadmin推荐整理分享jQuery获取父元素节点、子元素节点及兄弟元素节点的方法(jquery 获取父元素的子元素)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:jquery获取元素的父元素,jquery 获取父元素的子元素,jquery获取iframe父元素,jquery获取父元素中第一个元素,jquery获取父级,jquery获取父元素的父元素,jquery获取父元素中第一个元素,jquery获取父元素方法,内容如对您有帮助，希望把文章链接给更多的朋友！
本文实例讲述了jQuery获取父元素节点、子元素节点及兄弟元素节点的方法。分享给大家供大家参考，具体如下：
先来看这段html代码，整个取节点（父、子、兄弟等）的方法都是围绕这段代码来的：
JQUERY 父节点的获取：
jquery获取父元素方法比较多、比如parent()、parents()、closest()、find,first-child这些都能帮你实现查找父节点、子节点、兄弟节点
如我们利用parent()来获取父节点
下面、我们主要来讲一下 parents() 和 closest() 两个方法的区别
1、closest从当前元素开始匹配寻找、parents从父元素开始匹配寻找
2、closest逐级向上查找、直到发现匹配的元素后 就停止了、parents一直向上查找直到根元素、然后把这些元素放进一个临时集合中、再用给定的选择器表达式去过滤
3、closest返回0或1个元素、parents可能包含0 个、1个、或者多个元素
代码可以这样写：
JQUERY 兄弟节点的获取
jQuery兄弟节点获取、我们的思路是通过当前节点找到父节点、然后通过父节点去找到子节点、代码如下
还有一种方法是使用 siblings() 函数、代码如下
JQUERY 子节点的获取
匹配第一个子元素 :first 只匹配一个元素、而此选择符将为每个父元素匹配一个子元素
通过选择器去获取、代码如下:
使用find()函数、上面已经说过了、用法一样
使用children()函数、代码如下
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery遍历算法与技巧总结》、《jQuery表格(table)操作技巧汇总》、《jQuery拖拽特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》、《jquery选择器用法总结》及《jQuery常用插件及用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
详解Jquery实现ready和bind事件 讲这一节之前，先回顾之前一段代码：(function(win){var_$=function(selector,context){returnnew_$.prototype.Init(selector,context);}_$.prototype={Init:function(selector,context){this.elem
Jquery实现$.fn.extend和$.extend函数 前面我们扩展了bind方法和ready函数，这次我要讲一下$.fn.extend和$.extend函数。其他的不多说，直接切入主题吧！先来看看这两个函数的区别：$.fn.extend是
jQuery获取父元素及父节点的方法小结 本文实例总结了jQuery获取父元素及父节点的方法。分享给大家供大家参考，具体如下：jquery获取父元素方法比较多，比如parent()，parents()，closest()这些都
标签: jquery 获取父元素的子元素
本文链接地址:https://www.jiuchutong.com/biancheng/384930.html 转载请保留说明！
