首页 > 代码库 > jQuery中parent(), parents(), parentsUntil() 3个函数的区别

jQuery中parent(), parents(), parentsUntil() 3个函数的区别

现象:在试用JQuery的时候遇到元素查找,过程中使用parentsUntil()和next()函数,但是老是得到undefined

原因:在jQuery官方文档中描述的这3个函数都返回jquery对象,实际则不是,parent()函数返回jquery对象,返回的是单个父元素对象,而parents()函数和parentsUntil()函数其中有个s,表明返回的是1个数组,parentsUntil()很逗,返回的是不包括选择器一级的父元素,比如你选择器写1个div,它并不返回包含这个 div的元素集合,而是返回直到它的直接子元素的html标签,并且越靠顶级的元素在这个数组中的索引就越大,并且这2个函数都返回的是DOM对象,不能直接使用jquery提供的方法

解决方案

1.var sub = parentsUntil("目标DIV");

2.var $targetDIVObj = $(sub[sub.length - 1]).parent();

参考地址:详解直通车

代码片段:Download Here。