码迷,mamicode.com
首页 > Web开发 > 详细

jquery parent()和parents()区别

时间:2014-07-28 19:09:24      阅读:229      评论:0      收藏:0      [点我收藏+]

标签:des   style   color   使用   os   io   for   cti   

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: ""…]
  1. 0p
  2. 1div
  3. 2body
  4. 3html
  5. contextdocument

可以看到,父元素有p,div,body,html.

输出console.log($("span").parents().size()); 为4.

 

jquery parent()和parents()区别,布布扣,bubuko.com

jquery parent()和parents()区别

标签:des   style   color   使用   os   io   for   cti   

原文地址:http://www.cnblogs.com/youxin/p/3873145.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!