jQuery中的closest()和parents()的差别

Posted gccbuaa

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery中的closest()和parents()的差别相关的知识,希望对你有一定的参考价值。

jQuery中的closest()和parents()的差别

jQuery中closest()和parents()的作用非常类似,都是向上寻找符合选择器条件的元素,可是他们之间有一些细微的差别,官网也给出了说明:


.closest() .parents()
Begins with the current element Begins with the parent element
Travels up the DOM tree until it finds a match for the supplied selector Travels up the DOM tree to the document’s root element, adding each ancestor element to a temporary collection; it then filters that collection based on a selector if one is supplied
The returned jQuery object contains zero or one element for each element in the original set, in document order The returned jQuery object contains zero or more elements for each element in the original set, in reverse document order

以上介绍的非常清楚,closest()从当前元素開始找,找到一个符合条件的对象后就返回,而parents()则是从父元素開始向上找,一直到文档根节点。返回全部符合条件的jQuery元素对象。

以上是关于jQuery中的closest()和parents()的差别的主要内容,如果未能解决你的问题,请参考以下文章

jQuery查找——parent/parents/parentsUntil/closest

jquery的closest方法的使用以及其与parents方法之间的差异

jQuery_parent() parents() closest()区别

是否可以创建导航祖先的自定义 jQuery 选择器?例如:closest 或 :parents 选择器

closest和parents方法区别

DOM——遍历.parent().parents().closest()和.next()