parents()方法返回所选元素的所有祖先元素。
parents()方法从父元素沿着DOM元素的祖先向上遍历,一直到文档的根元素(<html>)。
parents()和closest()方法的相似之处在于它们都遍历DOM树。区别如下:
parents()
从父元素开始
在DOM树中浏览到文档的根元素,将每个祖先元素添加到一个临时集合中;然后,如果有选择器,则根据选择器过滤该集合
返回的jQuery对象包含原始集合中每个元素的零个或多个元素(以相反的文档顺序)
closest()
从当前元素开始
向上移动DOM树,直到找到与提供的选择器匹配的对象
返回的jQuery对象按文档顺序为原始集中的每个元素包含零个或一个元素
$(selector).parents(filter)
返回SPAN元素的所有祖先元素:
p(直接父级) span
参数 | 描述 |
---|---|
filter | (可选)指定选择器表达式以将元素与之匹配 注意:要返回多个祖先,请用逗号分隔每个表达式 |