注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

秦时明月

做好今天的事!

 
 
 

日志

 
 
 
 

使用jQuery查找父元素或父节点的方法  

2014-07-03 13:40:31|  分类: jquery |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 一、获取父元素:

<div id="one" style="position:relative;">
  <div id="two">hello</div>
  <div id="three" style="position:relative;">
  <p><a href="#">tonsh</a></p>
  </div>
</div>

1、parent:取得一个包含着所有匹配元素的唯一父元素的元素集合。

     $("a").parent();   //得到父对象<p>

2、parents:取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素),可以通过一个可选的表达式进行筛选。

    $("a").parents(“div”);    //得到<div.3><div.1> 。
3、cloest:从元素本身开始,逐级向上级元素匹配,并返回最先匹配的元素。

    $("a").closest("div");    //得到<div.3>

cloest()和parents()方法的主要区别如下:

      * 前者从当前元素匹配查找,后者从父元素开始匹配查找

       *前者逐级向上查找,直到发现匹配的元素后就停止了,后者一直向上查找直到根元素,然后把这些元素放进一个临时集合中,再用给定的选择器表达式去过滤。

       *前者返回0或者1个元素,后者可能包含0个、1个或者多个元素。

4、parentsUntil(): 用于获取当前匹配元素集合中每个元素的祖先元素,直至给定选择器匹配的元素(但不包括该元素)。

    $("a").parentsUntil("#one");           //得到的是<div.3><p>,不包括<div.1>

5、offsetParent():用于搜索第一个匹配元素的已定位的父元素,仅对可见元素有效。

    $("a").offsetParent();              //返回<div.3>
======================================================================

二、获取同级元素:

1、prev(),返回上一个兄弟节点,不是所有的兄弟节点。

2、prevAll(),返回所有之前的兄弟节点。

3、next(),返回下一个兄弟节点,不是所有的兄弟节点。

4、nextAll(),返回所有之后的兄弟节点。

5、siblings(),返回兄弟姐妹节点,不分前后。

======================================================================

三、获取子元素:

1:、>:例如:$("ul > a");查找ul下的所有a标签。

2、children():返回所有子节点,这个方法只会返回直接的孩子节点,不会返回所有的子孙节点。



http://sdy07290801.blog.163.com/blog/static/13718240220133121545472/

  评论这张
 
阅读(5)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017