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

jQuery 利用 parent() parents() 寻找父级 或祖宗元素

时间:2016-12-03 09:54:53      阅读:224      评论:0      收藏:0      [点我收藏+]

标签:nts   pre   ack   this   表达式   --   color   min   通过   

 $(this).parent().parent().parent().parent().parent().remove(); //此方法通过parent()一级一级往上找  
$(this).parents("div").remove();// 此方法是找出所有父级元素以及祖宗元素  通过“div” 筛选出祖宗中是div的祖先元素

 

parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。  
parents则是取得一个包含着所有匹配元素的祖先元素的元素集合(不包含根元素)。可以通过一个可选的表达式进行筛选。  
  
parent取得很明确就是当前元素的父元素  
parents则是当前元素的祖先元素  
-->  
<html>  
    <head></head>  
    <body>  
        <div id="div1">  
        <div id="div2"><p></p></div>  
        <div id="div3" class="a"><p></p></div>  
        <div id="div4"><p></p></div>  
        </div>  
    </body>  
    <script type="text/javascript" src="jquery-1.7.1.min.js"></script>  
    <script type="text/javascript">  
        $("p").parent();            //取得的是div2、div3、div4  
        $(p).parent(.a);        //取得是div3  
        $(p).parent().parent();   //取得是div1(这点比较奇特,不过Jquery对象本身的特点决定了这是可行的)  
        $(p).parents();           //取得的是div1、div2、div3、div4  
        $(p).parents(.a);       //取得的是div3  
    </script>  
</html>  

 

jQuery 利用 parent() parents() 寻找父级 或祖宗元素

标签:nts   pre   ack   this   表达式   --   color   min   通过   

原文地址:http://www.cnblogs.com/xtmp/p/6127972.html

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