首页 > 代码库 > 获取元素父级方法

获取元素父级方法

2024-07-09 00:40:59   216人阅读

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

<script type="text/javascript" src="http://www.mamicode.com/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>

 

 


联系
我们