parent(),parents()与closest()的区别与详解
Posted martharen-diligence
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了parent(),parents()与closest()的区别与详解相关的知识,希望对你有一定的参考价值。
方法 | 例子 | 描述 |
---|---|---|
parent() ????????????????????? |
获得集合中每个匹配元素的父级元素 | $(‘.item-1‘).parent().css(‘background-color‘,‘red‘); parent()方法从指定类型的直接父节点开始查找。 parent()返回一个元素节点。 |
parents() ????? |
获得集合中每个匹配元素的祖先元素 | $(‘.item-1‘).parents(‘ul‘).css(‘background-color‘,‘red‘); parents()方法查找方式同parent()方法类似,不同的一点在于,当它找到第一个父节点时并没有停止查找,而是继续查找,最后返回多个父节点 |
closest() ?? |
从元素本身开始,逐级向上级元素匹配,并返回最先匹配的祖先元素 | $(‘.item-1‘).closest(‘ul‘).css(‘background-color‘,‘red‘); closest()方法查找是从包含自身的节点找起,它同parents()方法类似,不同点就在于它只返回匹配的第一个元素节点。 |
End
ps:部分摘选自《锋利的jQuery》 -人民邮电出版社
以上是关于parent(),parents()与closest()的区别与详解的主要内容,如果未能解决你的问题,请参考以下文章
jquery中closest()parent() parents 区别
DOM——遍历.parent().parents().closest()和.next()
jQuery中的parent()和parents()有啥区别呢?