jQuery 利用 parent() parents() 尋找父級 或祖宗元素


 $(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>  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM