最新的Web开发教程
 

jQuery parentsUntil() Method

<jQuery的遍历方法

返回之间的所有祖先元素<span><div>

$(document).ready(function(){
    $("span").parentsUntil("div").css({"color": "red", "border": "2px solid red"});
});

结果:

body (great-great-grandparent)
div (great-grandparent)
    ul (grandparent)
  • li (direct parent) span
试一试»

定义和用法

parentsUntil()方法返回选择器之间的所有祖先元素。

祖先是父母,祖父母,曾祖父母,依此类推。

DOM树:此方法从父元素遍历向上沿DOM元素的祖先,直到文档的根元素了一路,直到它到达一个特定的元素。

注意:如果两个参数都是空的,此方法将返回所有祖先元素(同parents()方法)。

相关的方法:

  • parent() -返回所选元素的直接父元素
  • parents() -返回所选元素的所有祖先元素
  • closest() -返回所选元素的始祖

句法

$(selector).parentsUntil( stop,filter )

参数 描述
stop 可选的。 选择器表达式,元素或jQuery对象,指示在何处停止搜索匹配的祖先元素
filter 可选的。 指定选择表达缩小了选择停止之间的祖先搜索

注意:要返回多个祖先,每个表达式用逗号分隔。

试一试 - 示例

缩小搜索范围
如何使用这两个参数来筛选之间的特定元素的搜索<span><div>

返回多个祖先
如何与返回多个祖先<span><body>

DOM
返回之间的所有祖先<span><div>使用DOM元素。

使用DOM元素和选择表达式过滤搜索
使用DOM元素缩小为始祖搜索<ul>的元素<span><div>


<jQuery的遍历方法