讓我們來(lái)學(xué)習(xí)獲取父級(jí)元素的方法

更新時(shí)間：2023-02-13 16:53:48 來(lái)源：動(dòng)力節(jié)點(diǎn) 瀏覽2286次

1：parent();//獲取元素的父級(jí)元素

<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();//獲取元素的父級(jí)元素和所有的祖先元素

<script>
    $(function(){
                 
        $('span').parents().css('border','2px solid red');//獲取所有的父級(jí)祖先元素，并且設(shè)置邊框?yàn)?px solid red;包括body、html
                 
    })
</script>
</head>
 
<body>
<div>
    祖先父級(jí)
    <div>
        jquery
        <span>javascript</span>
    </div>
 </div>
</body>

2：parentsUntil();//parentsUntil() 方法返回介于兩個(gè)給定元素之間的所有祖先元素。

<script>
    $(function(){
                
        $('span').parentsUntil('#div1').css('border','2px solid red');//獲取父級(jí)祖先元素到id為div1父級(jí)為止的元素集合，并且設(shè)置邊框?yàn)?px solid red;包括body、html
                
    })
</script>
</head>

<body>
<div id="div1">
    祖先父級(jí)
    <div>
        jquery
        <span>javascript</span>
    </div>
 </div>
</body>

以上就是動(dòng)力節(jié)點(diǎn)小編介紹的"讓我們來(lái)學(xué)習(xí)獲取父級(jí)元素的方法"，希望對(duì)大家有幫助，如有疑問(wèn)，請(qǐng)?jiān)诰€咨詢，有專業(yè)老師隨時(shí)為您務(wù)。

上一篇如何獲取jq查找子元素下一篇bean生命周期的詳細(xì)講解

相關(guān)閱讀