jquery parent()和parents()区别
2014-07-28 14:57 youxin 阅读(416) 评论(0) 编辑 收藏 举报parent(exp)
取得一个包含着所有匹配元素的唯一父元素的元素集合。
你可以使用可选的表达式来筛选。
查找段落的父元素中每个类名为selected的父元素。
HTML 代码:
<div><p>Hello</p></div><div class="selected"><p>Hello Again</p></div>jQuery 代码:
$("p").parent(".selected")结果:
[ <div class="selected"><p>Hello Again</p></div> ]
parents(exp)
取得一个包含着所有匹配元素的祖先元素的元素集合（不包含根元素）。可以通过一个可选的表达式进行筛选。
找到每个span元素的所有祖先元素。
HTML 代码:
<html><body><div><p><span>Hello</span></p><span>Hello Again</span></div></body></html>jQuery 代码:
$("span").parents()输出如下：
[p, div, body, html, prevObject: n.fn.init[2], context: document, jquery: "1.11.0", constructor: function, selector: ""…]
- 0: p
- 1: div
- 2: body
- 3: html
- context: document
可以看到，父元素有p,div,body,html.
输出console.log($("span").parents().size()); 为4.
