jQuery遍历父元素

一个祖先(父元素)是父母、祖父母、曾祖父母，等等.

使用jQuery你可以向上遍历DOM树，找到元素的祖先.

向上遍历DOM树

向上遍历DOM树方法有:

  • parent()
  • parents()
  • parentsUntil()

jQuery parent() 方法

parent() 方法返回所选元素的直接父元素。

这种方法只遍历一个单级DOM树.

下面的示例返回每个``元素的直接父元素:

$(document).ready(function(){
    $("span").parent();
});

让我试试

jQuery parents() 方法

parents() 方法返回所选元素的所有祖先元素, 一路到文档的根元素(<html>).

下面的示例返回每个``元素的所有祖先元素

$(document).ready(function(){
    $("span").parents();
});

让我试试

还可以使用可选参数筛选祖先的搜索.

面的示例将返回所有的祖先元素是<ul>的``元素：

$(document).ready(function(){
    $("span").parents("ul");
});

让我试试

jQuery parentsUntil() 方法

parentsUntil() 方法返回两个给定参数之间的所有祖先元素。

以下示例返回所有`和

`之间的祖先元素：

$(document).ready(function(){
    $("span").parentsUntil("div");
});

让我试试