最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jquery parent()与parents()方法使用说明
时间：2013-08-21 编辑：简简单单 来源：一聚教程网
遍历节点-parents()方法
.parents([selector])方法返回的是每一个匹配的元素的祖先元素的集合，这些祖先元素中，会包含html这个元素，我们还可以通过传入一个参数来对这些祖先元素进行筛选。
但是在jquery1.4.4 API中文chm文档中却是这样说的：
取得一个包含着所有匹配元素的祖先元素的元素集合（不包含根元素）。可以通过一个可选的表达式进行筛选。
但是我测试过了根元素html的确是可以取到的。
下面来看测试代码：
| 代码如下 | 复制代码 |
|
|
|
jquery代码：
| 代码如下 | 复制代码 |
|
$("#test").click(function(){ |
|
例
| 代码如下 | 复制代码 |
|
|
|
下来还是上面的HTML代码，只不过在jquery代码中给.parents()方法传入一个参数，让它获取span元素的祖先元素中的div元素。
| 代码如下 | 复制代码 |
|
|
|
遍历节点-parent()方法
.parent([selector])方法返回的是每一个匹配的元素的父元素的集合。
这里selector是可选参数，是用于过滤父元素的选择器表达式。
| 代码如下 | 复制代码 |
|
|
|
jquery代码：
| 代码如下 | 复制代码 |
| $("p").parent().css("background", "green");// | |
这样一来三个p的父元素div的背景色都会变成绿色
例
| 代码如下 | 复制代码 |
|
jquery学习 jquery教程 jquery插件 |
|
再来给parent传入一个参数”.selected”
jquery代码：
| 代码如下 | 复制代码 |
| $("p").parent(".selected").css("background", "green");// | |
这样一来三个p的父元素div class为“selected”的背景色会变成绿色