jQuery parents() 方法

jQuery 遍历方法

parents()方法返回所选元素的所有祖先元素。

parents()方法从父元素沿着DOM元素的祖先向上遍历,一直到文档的根元素(<html>)。

parents()和closest()方法的相似之处在于它们都遍历DOM树。区别如下:

parents()

  • 从父元素开始

  • 在DOM树中浏览到文档的根元素,将每个祖先元素添加到一个临时集合中;然后,如果有选择器,则根据选择器过滤该集合

  • 返回的jQuery对象包含原始集合中每个元素的零个或多个元素(以相反的文档顺序)

closest()

  • 从当前元素开始

  • 向上移动DOM树,直到找到与提供的选择器匹配的对象

  • 返回的jQuery对象按文档顺序为原始集中的每个元素包含零个或一个元素

语法:

$(selector).parents(filter)

示例

返回SPAN元素的所有祖先元素:

body(曾曾祖父)
div(曾祖父)
div(祖父)

p(直接父级)                 span

运行代码

参数值

参数描述
filter(可选)指定选择器表达式以将元素与之匹配
注意:要返回多个祖先,请用逗号分隔每个表达式

jQuery 遍历方法