zoukankan      html  css  js  c++  java
  • 获取元素父级方法

    1:parent();//获取元素的父级元素

    <script type="text/javascript" src="jquery-1.11.1.js"></script>
    <script>
            $(function(){
                    
                    $('span').parent().css('border','2px solid red');//获取到div元素
                    
            })
    </script>
    </head>
    
    <body>
    <div>
        jquery
        <span>javascript</span>
    </div>
    </body>

    2:parents();//获取元素的父级元素和所有的祖先元素

    <script>
    	$(function(){
    				
    		$('span').parents().css('border','2px solid red');//获取所有的父级祖先元素,并且设置边框为2px solid red;包括body、html
    				
    	})
    </script>
    </head>
    
    <body>
    <div>
    	祖先父级
        <div>
            jquery
            <span>javascript</span>
        </div>
     </div>
    </body>
    

    2:parentsUntil();//parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。

    <script>
        $(function(){
                    
            $('span').parentsUntil('#div1').css('border','2px solid red');//获取父级祖先元素到id为div1父级为止的元素集合,并且设置边框为2px solid red;包括body、html
                    
        })
    </script>
    </head>
    
    <body>
    <div id="div1">
        祖先父级
        <div>
            jquery
            <span>javascript</span>
        </div>
     </div>
    </body>
  • 相关阅读:
    继承性03
    继承性
    Arrays与Math类
    Static关键字
    random模块,time模块,os模块,sys模块
    re模块
    冒泡排序、递归、二分查找
    内置函数
    生成器和生成器表达式
    迭代器
  • 原文地址:https://www.cnblogs.com/hellome/p/3800015.html
Copyright © 2011-2022 走看看