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>